得到基於

Question

類別

JSON對象我有JSON這樣

[ 
    { 
    "id":1, 
    "name": "BMW E46 PANDEM", 
    "price": 130000, 
    "curency":"USD", 
    "color":"white", 
    "category":"car" 
    }, 
    { 
    "id":2, 
    "name": "Yamaha", 
    "price": 2000, 
    "curency":"USD", 
    "color":"white", 
    "category":"Bike", 
    }, 
    { 
    "id":3, 
    "name": "Nissan GTR R34", 
    "price": 130000, 
    "curency":"USD", 
    "color":"black", 
    "category":"car" 
    } 
] 

廠這樣

angular 
    .module('app') 
    .factory('ItemFactory', ['$http', function($http) 
     { 
      return { 
       get: function() { 
       return $http.get('scripts/item.json').then(function(response) { 
        return response.data; 
       }); 
       } 
      }; 
     } 
    ]); 

控制器

angular 
    .module('app') 
    .controller('apparelCtrl',['$scope','ItemFactory', function($scope,ItemFactory){ 
      $scope.title='car'; 
      ItemFactory.get().then(function(data) { 
       $scope.apparelItems = data; 
      }); 
      $scope.apparelItems=ItemFactory.get(); 
      console.log($scope.apparelItems); 
     }]); 

directive.js

angular 
    .module('app.directives.gridViewApparel',[]) 
    .directive('gridApparel',function() 
    { 
     return{ 
      restrict:'E', 
      scope:{ 
       data: '=' 
      }, 
      transclude:true, 
      replace:true, 
      templateUrl:"templates/directives/gridViewApparel.html", 
      controller:function($scope){ 
       console.log($scope.data); 
      } 
     }; 
    } 
); 

diirective.html

<div> 
    <div class="col-sm-4 ApparelThumbnail"> 
     <p class="title">{{data.name}}</p> 
     <p>{{data.price}}{{curency}}</p> 
     <a href="#/Apparel/{{data.id}}" class="btn btn-primary">detail</a> 
    </div> 
</div> 

我car.html

<div class="container"> 
    <h1>{{title}}</h1> 
    <div ng-repeat="carlItem in carItems | filter: {category:'car'}" class=""> 
     <grid-view-apparel data="carlItem"></grid-view-apparel> 
    </div> 
</div> 

我的兩個car.html和bike.html遇到錯誤

angular.js:14525 Error: [filter:notarray] 

我嘗試通過指數前添加軌道過濾但仍然有同樣的錯誤。 如何從基於類別傢伙的json獲取對象？ 謝謝

Answer 1

以下代碼沒有任何意義。

ItemFactory.get().then(function(data) { 
    $scope.apparelItems = data; 
}); 
$scope.apparelItems=ItemFactory.get(); 

從您的代碼刪除$scope.apparelItems=ItemFactory.get();，因爲你是從之前重寫$scope.apparelItems = data;，因此$scope.apparelItems等於一個承諾，而不是這一承諾的結果。

Answer 2

你的回報是問題。分析你的回報是repnse.data還是promise。瞭解$ http響應。 Processing $http response in service

Answer 3

感謝Phil，

HES代碼解決這個問題，

他建議我刪除$scope.apparelItems=ItemFactory.get();，現在它修復