我有这样的数据:
var user = {
name: 'John Doe',
property: 'value',
ranks: [
{name: 'One', property: 'value'},
{name: 'Two', property: 'value'}
]
}
我想在页面的某处输出所有用户的等级名称,用逗号分隔,如下所示:
<td>John Doe</td>
<td>One, Two</td>
这该怎么做?
纯JavaScript无法正常工作:
<td>{{user.name}}</td>
<td>{{user.ranks.map(function(r) { return r.name }).join(', ')}}</td>
我认为这里应该是Angular过滤器之类的东西,但找不到任何东西。
您不能在模板中编写类似的JS。角度方式将是使用过滤器:
app.filter("usersFilter" , function () {
return function(user) {
return user.ranks.map(function(r) { return r.name }).join(', ');
}
}
并在您的HTML中:
<td>{{ user | usersFilter}}</td>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句