AngularJS 过滤数组并显示 Angular View 中第一个对象的属性

Question

我正在尝试这样的事情。

<select  data-ng-model="modelName" 
    data-ng-options="item.id as (item.id + ' - ' +item.name) for item in options">
    <option value=''>Select</option>
</select>
{{options | filter:modelName}}

选项是一个对象数组。对象结构为{id:XYZ, name:ABC}。所以数组是

[{id:XYZ, name:ABC},{id:XYZ1, name:ABC1},{id:XYZ2, name:ABC2}]

对于上面的代码，我的输出是

{id:XYZ, name:ABC}

但我只想要“ABC”

注意: 我知道我可以使用自定义过滤器。但有没有更好的方法呢？当然，对于这个小事情，我也不想创建任何指令。

Answer 1

您可以用括号将整个 Angular 表达式括起来并访问第一个项目的 name 属性。

<强> DEMO

{{ (options | filter:modelName)[0].name }}