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>