誰かが私がここで間違っているかもしれないことを指摘できますか? $http サービスを使用してサーバー上の JSON ファイルからデータを取得し、属性を介してディレクティブに渡すコントローラーがあります。問題は、JSON ループで 4 つのオブジェクトしか表示されないにもかかわらず、325 が返されることです。さらに、どの属性にもアクセスできません。
私のJSON
[{
"name": "Cute Shirt",
"Type": "Shirt",
"Size": "S,M,L,XL",
"Color": "R,G,B",
"SRC": "img/shirt.png"
}
,
{
"name": "Cute Shirt",
"Type": "Shirt",
"Size": "S,M,L,XL",
"Color": "R,G,B",
"SRC": "img/shirt.png"
}
,
{
"name": "Cute Shirt",
"Type": "Shirt",
"Size": "S,M,L,XL",
"Color": "R,G,B",
"SRC": "img/shirt.png"
}
,
{
"name": "Cute Shirt",
"Type": "Shirt",
"Size": "S,M,L,XL",
"Color": "R,G,B",
"SRC": "img/shirt.png"
}
]
私のコントローラー
"use strict";
function itemControl ($http,$scope) {
$http.get('doc/products.json' ).success(function(prodata){$scope.data = prodata;});
}
私の指令
app.directive("showcase", function() {
return {
restrict: "A",
template: '{{stuff.length}}',
scope: {
stuff: "@"
}
};
});
そして最後に HTML
<div ng-controller="itemControl">
<div showcase stuff="{{data}}"></div>
</div>