javascript - 过滤AngularJS中的数组值

Question

我有一个值数组，其中包含不同应用程序的标题名称。

示例:

$scope.badge = [{title: 'Incidents'},{title: 'News'}]

在主页中，我放置了所有不同的应用程序，我想获取特定应用程序的名称。

如何过滤值以便获得每个应用程序的正确标题？

类似这样的事情:

<span>{{badge.title}}</span>

更新/解决方案

我让它工作了。解决办法如下:

$scope.badges = {           
                     titles: [
                                 {id: 2, name: 'Incidents'},
                                 {id: 3, name: 'News'}
                             ]
                 };

<div ng-repeat="title in badges.titles | filter:{id:2}">    
    <ul>
        <li>                                                                
            <a class="{{title.name}}" ng-click="addNew()">Add New {{title.name}}</a>
        </li>
    </ul>

就我目前的目的而言，这对我来说是可行的。如果有更优雅、更动态的解决方案，我很想学习。

非常感谢大家。

Answer 1

如果您使用的浏览器支持Array.prototype.find ，你可以做这样的事情。

$scope.badge = [{label: 'Incidents', appName: 'incident'},{label: 'News', appName: 'news'}];

//I'm not positive how to get the app name, but APP_NAME can be replaced with that
<span>{{badge.find(function(option) { return option.appName == APP_NAME})}}</span>