簡介

幾年前，我用C#寫了一個RSS閱讀器，但是我想如果把它做成一個SPA（單頁應用）效果會更好。 Angular使一些事情變得簡單，RSS閱讀器就是其中之一。 我也用Twitter Bootstrap（做UI）實現了RSS閱讀器，調試頁面樣式是最難的地方之一...可能是因為我不擅長css的原因。

背景

我有一些自己喜歡的網站（ CodeProject, Dr.Dobb's Journal, ComputerWorld, Inc. Magazine）。 然而，我發現其中很多網站都有煩人的廣告、風格不好的布局，我實在不愿意看到這些東西。當我說這話的時候，并不包括 CodeProject網站。

在這些網站之間來回切換浪費了很多時間。 因此我更喜歡瀏覽文章標題和簡介，這樣我可以決定是否進入文章內容頁面。 這就是我決定寫FreedReadR 單頁應用的原因。

FreedReadR 響應是比較快的，因為它讀取的數據量（RSS源）比較小。

下面是點擊CodeProject選項的效果圖：

下面是FreedReadR 加載某一個站點數據的效果圖：

你現在可以試下效果：

http://newtonsaber.com/FreedReadR

差點忘了，我在創建自己的RSS 閱讀器之前在Google上搜索了這個想法，發現jsfiddle中一段比較好的代碼： angularJS Feed Reader alt.

我的代碼和它的代碼有相似的地方，但仍有不同，因為我想要實現更多的功能。 FreedReadR 允許你本地存儲自己的RSS源數據，這樣你就可以一直使用應用來創建自定義的RSS源。 另外，它的代碼基于Twitter Bootstrap 2，FreedReadR 基于新版本Twitter Bootstrap 3。
使用代碼

如果你熟悉Angular，開發時代碼并不多。 大部分的難點是在Angular中使用Bootstrap。

其它問題可以在”Angular編程思想”中找到解決方法。$scope 的用法和控制器工作的方式有點不同。 首先你必須在html中設置應用程序的作用域。 類似下面的使用ng-app="FreedReadR"的代碼，設置了html中$scope的作用域：所有div標簽內的對象 亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb