3

有人可以向我指出我在这里可能做错了什么吗？我有一个控制器使用 $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>
4

2 回答 2

3

从 AngularJS 文档：

@ 或 @attr - 将本地范围属性绑定到 DOM 属性的值。结果始终是字符串，因为 DOM 属性是字符串。

使用 = 会有所帮助

= 或 =attr - 在本地范围属性和通过 attr 属性值定义的 name 的父范围属性之间建立双向绑定。

你会想要改变你<div showcase stuff="{{data}}"></div>的<div showcase stuff="data"></div>

于 2013-04-17T03:48:27.687 回答
0

更改@为=

@ 表示它将对象插入到字符串中。

于 2013-04-17T03:45:28.267 回答