在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>