AngularJs过滤到单个数组元素并输出属性

时间:2014-09-29 09:46:36

标签: javascript angularjs angularjs-filter

我试图通过循环中的当前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数组,id引用available_features数组中的id 这会输出对象,但我想要.name属性。

更新 似乎它的工作原理是:

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

1 个答案:

答案 0 :(得分:2)

一个选项:

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

另一种选择是将available_features数组更改为对象并使用id作为,以便您可以执行以下操作:

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