angularjs – 逗号分隔角度

发布时间：2020-12-17 08:00:34 所属栏目：安全来源：网络整理

导读：我有一个非常基本的场景(有点新的角度).我正在尝试转换JSON： [ {'name': 'Nick'},{'name': 'David'},{'name': 'John'},] 至： pNick,David,John/p 但我无法弄清楚如何生成单个“p”.你如何在 p内调用ng-repeat？ p ng-repeat="item in menuItems"{{item.nam

我有一个非常基本的场景(有点新的角度).我正在尝试转换JSON：

[
    {'name': 'Nick'},{'name': 'David'},{'name': 'John'},]

至：

<p>Nick,David,John</p>

但我无法弄清楚如何生成单个“p”.你如何在< p>内调用ng-repeat？

<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>

因为map过滤器返回一个Array,它在Javascript中已经有一个内置的join方法.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!