AngularJs過濾到單個數組元素並輸出屬性

Question

我試圖通過循環中的當前ID訪問對象數組的屬性。

<tr ng-repeat="feature in element.features"> 
    <td>{{ available_features | filter:{id: feature.feature_id} }}</td> 
    <td>x</td> 
</tr> 

Available_features: 
{ 
    id: 1 
    name: "Feature 1" 
}, 
{ 
    id: 2 
    name: "Feature 2" 
}, 
{ 
    id: 3 
    name: "Feature 3" 
}, 

element.features是一個id數組，它引用了available_features數組中的id。
這會輸出對象，但我想要.name屬性。

UPDATE： 似乎它的工作原理：

<td>{{ (available_features | filter:{id: feature.feature_id})[0].name }}</td> 

Answer 1

一個選項：

<td>{{ (available_features | filter:{id: feature.feature_id})[0].name }}</td> 

另一種選擇是將available_features陣列改變爲對象，並使用id作爲鍵 ，這樣你可以做這樣的事情：

<td>{{ available_features[feature.feature_id].name }}</td>