按AngularJS中的数组中的元素进行过滤

时间:2014-02-03 15:38:37

标签: javascript angularjs angularjs-filter

我有一个带有任务的JSON文件。它们的结构如下:

[
{
    "id":"1",
    "name":"task1",
    "tags":["tag1","tag2","tag3"]
},
{
    "id":"2",
    "name":"task2",
    "tags":["tag4","tag2","tag5"]
},
{
    "id":"3",
    "name":"task3",
    "tags":["tag3"]
}
]

这是我想要的Plunkr http://plnkr.co/edit/kMhiHDyybHYxGfV7W39z?p=preview

基本上,这就是我想要的:http://jsfiddle.net/TahmidTanzim/N9Vqk/

我已经查看了各种SO问题,他们都建议我做得对。 但是我不明白我哪里错了。我只希望那些包含selectedTag的任务显示在红色列表中。

谢谢!

1 个答案:

答案 0 :(得分:1)

只需更改过滤器即可使用数组比较内部标记。

myapp.filter('tagFilter',function()
{
    return function(Data,selectedTags)
    {
        if(selectedTags.length===0) return Data;
        var tempData=[];
        for(var i  in Data) {
            for(var z in Data[i].tags) {
                for(var k in selectedTags) {
                    var value = selectedTags[k];
                    if(value == Data[i].tags[z]) {
                        tempData.push(Data[i]);
                        break;             
                    }
                }
            }
        }
        return tempData;
    }
});