ここで、次のようなモジュールを取得しました。
var eventsApp = angular.module('eventsApp', [ngResource]);
次に、次のようなサービスがあります。
eventsApp.factory('listData', function($resource){
return $resource('/data/event/:eventid', {}, {
'update': {method:'PUT'},
'query': {method: 'GET', isArray: true}
});
});
そして、コントローラーにも次のものがあります。
eventsApp.controller('EventListController',
function EventListController($scope, listData) {
$scope.events = listData.query();
}
);
次に、次のように、 $resourceから返されたデータを調べるためにngRepeatを使用します。
<li ng-repeat="event in events"> do sth..</li>
私のディレクトリ「/data/event」には、1、2、3、4 という名前の JSON ファイルがいくつかあります。
{
"id": 1,
"name": "Angular Boot Camp",
"date": "1/1/2013",
"time": "13:40 pm",
"creator":"bob",
"location":{
"address": "Google HQ",
"city": "Mountain View",
"province": "CA"
},
"imageUrl": "/img/angularjs-logo.jpg"
}
私がやりたいことは、$resource.query()を使用して 4 つのファイルすべてをオブジェクトの配列に戻すことですが、Web サーバーなどをセットアップする必要があるようです。