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