一尘不染

逗号分隔 角度的

angularjs

我有一个非常基本的场景(Angular有点新)。我正在尝试转换JSON:

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

至:

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

但我不知道如何生成单个“ p”。您怎么称呼ng-repeat<p>

<p ng-repeat="item in menuItems">{{item.name}}</p>

阅读 256

收藏
2020-07-04

共1个答案

一尘不染

有用的一件事是创建一个“地图”过滤器,如下所示:

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方法。

2020-07-04