1

ファイルfruits.jsonからデータを引き出すのを手伝ってください

html:

    <body ng-app="fruitsApp">
        <div ng-controller="fruitsController">
            <ul>
                <li ng-repeat="fruit in fruits">{{fruit.name}}</li>
            </ul>
        </div>
    </body>

js:

var fruitsApp = angular.module('fruitsApp', [])

fruitsApp.factory('fruitsFactory', function($http) {
  return {
          $http.get('fruits.json').success(callback);
      }
  };
});

fruitsApp.controller('fruitsController', function($scope, fruitsFactory) {
  fruitsFactory.getFruitsAsync(function(results) {
      $scope.fruits = results.fruits;
  });
});

果物.json:

[
    {
        "id": 1, 
        "name": "qwerty", 
        "date": "12.11.2012", 
        "teaser": "1Вас научат пользоваться им, дадут советы по эксплуатации и покажут возможности того, что Вы приобрели.", 
        "body": "Вас научат пользоваться им, дадут советы по эксплуатации и покажут возможносто"
    }]

シラミのデモ: http://prozaik.16mb.com/angular/remote_data_2/

4

2 に答える 2

2

あなたの工場申告書に 1 つの誤りがあります。メソッドはありませんgetFruitsAsync（コントローラーで使用しようとしています）。return {} 内で property = function として宣言します。

$scope.fruits = results.fruits;2 間違い: 応答にフィールド 'fruits' がありません。応答は配列であるため、$scope.fruits = results;

于 2013-09-13T10:22:24.047 に答える