AngularJS：整洁的方法来打印数组作为字符串

Question

我有如下数组：

"cast": [ 
     { 
     "name": "James Stewart" 
     }, 
     { 
     "name": "Kim Novak" 
     }, 
     { 
     "name": "Barbara Bel Geddes" 
     }, 
     { 
     "name": "Tom Helmore" 
     } 
    ] 

什么是整齐的AngularJS向格式化为：

James Stewart, Kim Novak, Barbara Bel Geddes, Tom Helmore 

是否有使用方法filter或formatter这样我可以整齐地做它喜欢的模板：

<font class="authors-string">{{ object.cast | filter/formatter/? }}</font> 

我觉得写逻辑控制器中的这种简单的解析会使杂乱的控制器体。

感谢您的关注。

Answer 1

这是提取从每个阵列元件中的某些道具的过滤器，然后使用分离器（demo）加入他们：

app.filter('join', function() { 
    return function join(array, separator, prop) { 
     if (!Array.isArray(array)) { 
      return array; // if not array return original - can also throw error 
     } 

     return (!angular.isUndefined(prop) ? array.map(function (item) { 
      return item[prop]; 
     }) : array).join(separator); 
    }; 
}); 

用法：

<p class="authors-string">{{ cast | join:', ':'name' }}</p> 

如果它是一个扁平阵列，请删除第三个参数：

<p class="authors-string">{{ animals | join:', ' }}</p> 

Answer 2

您可以使用'ng-repeat' - https://docs.angularjs.org/api/ng/directive/ngRepeat

一个例子是：

<div ng-repeat="(key, value) in myObj"> ... </div>