我有一个非常基本的场景(Angular有点新)。我正在尝试转换JSON:
[ {'name': 'Nick'}, {'name': 'David'}, {'name': 'John'}, ]
至:
<p>Nick,David,John</p>
但我不知道如何生成单个“ p”。您怎么称呼ng-repeat<p>
<p>
<p ng-repeat="item in menuItems">{{item.name}}</p>
有用的一件事是创建一个“地图”过滤器,如下所示:
myModule.filter('map', function() { return function(input, propName) { return input.map(function(item) { return item[propName]; }); }; });
这是映射到命名属性的简单情况,您可以使其更加花哨并理解点表示法等。现在,在您的视图中,您可以执行以下操作:
<p> {{(menuItems | map:'name').join(',')}} </p>
因为地图过滤器返回一个Array,该数组在Javascript中已经具有内置的join方法。