February 9, 2014

AngularJSで、Ajaxで取得したデータをng-repeatする

追記:
外部APIとの通信は $resource を使ったほうが良いかもしれません。
http://docs.angularjs.org/api/ngResource/service/$resource

--

気になっていたAngularJSを、少し触ってみました。試しに、このブログのフィード情報をAjaxで取得して、その結果をng-repeatして表示してみました。

以下、動作サンプルです。(AngularJSとしての書き方には、まだまだ自信が有りません。。。)
http://jsfiddle.net/mamor/wuwgr/1/

クロスドメイン問題を解決する為に、jQueryを併用しています。(AngularJSの$httpからだとどうにも解決できなかったので。)
あと、 $scope.$apply() 無しに angular.copy(entries, $scope.entries) すると上手くいきませんでした。
参考: http://stackoverflow.com/questions/17901391/when-i-update-my-model-in-ng-repeat-the-directive-ng-show-does-not-change

ところどころでハマりつつも、初日にしてはわりとスムーズに動かせたので、AngularJS好きかも。

No comments:

Post a Comment