过滤angularjs中的数组值

时间:2015-09-22 18:13:02

标签: javascript html arrays angularjs

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

示例:

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

就我目前的目的而言,这是为我做的。如果有一个更优雅,动态的解决方案,我想学习它。

非常感谢所有人。

1 个答案:

答案 0 :(得分:0)

如果您使用的浏览器支持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>