Фильтр по элементам в массиве в AngularJS

Question

У меня есть файл 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 вопросы и все они что я делаю это правильно. Однако я не понимаю, где я ошибаюсь. Я хочу только те задачи, которые содержат выбранный таг, который будет отображаться в красном списке.

Спасибо!

Answer 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; 
    } 
});