фильтрации списка с помощью angularjs

Question

Смотрите мой Fiddle

У меня есть список книг с ярлыком «комической» и «фикции» в моем списке.

наверху У меня есть все ярлыки, и если вы нажмете на каждую метку, то только те книги, которые были представлены этим текстом, должны отображаться только.

Если я получу ключ JSON на родительском уровне в JSON, тогда он работает идеально. , но в этом случае у меня есть ключ метки как cid, и мне нужно отсортировать основной ключ.

это мой JS код

function Test($scope) { 
    $scope.persons = [{ 
       "s": "book1", 
       "cl": [{ 
        "cn": "fiction", 
        "cid": 1 
       }] 
      }, { 
       "s": "book 2", 
       "cl": [{ 
        "cn": "comic", 
        "cid": 2 
       }] 
      }]; 
} 

любая идея?

Answer 1

Вы можете использовать ng-click на каждой вкладке и вызывать функцию со значением на основе этого значения. Вы можете фильтровать array на новый array. как этот

<span ng-click="setTab(1)">fiction</span> | 
    <span ng-click="setTab(2)">comic</span> | 
    <span ng-click="setTab(3)">No filter</span> 

и контроллер

$scope.setTab = function(a) { 
     $scope.s=a; 
     //filter your array based on the value 
     /*if(a===1){ filter fictions} and so on */ 
    } 

видеть мой fiddle для запуска