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>