Как скрыть \ показать элементы списка с кнопки в угловом js

Question

У меня есть список элементов, и я хочу создать фильтр с кнопки, которая показывает \ скрывает элемент, а не добавляет \ удаляет его из DOM.

<li ng-repeat="li in list" ng-show=""> 
<a ng-click="">category</a> 
</li> 

Я имею в виду, что вместо фильтрующего списка я хочу скрыть \ показать элементы списка этим фильтром. Я нашел эту скрипку http://jsfiddle.net/cKa6K/

но я хочу сделать то же самое только с hide \ show.

Answer 1

Без дополнительной информации о вашем коде, я сделать что-то вроде этого: http://jsfiddle.net/DotDotDot/tpmxN/1/
Я использовал список элементов с 2-мя свойствами, имя и категории
Я определил функцию для нг-шоу, которое будет сравнить категорию элемента для фильтра

<li ng-repeat="li in list" ng-show="isDisplayed(li, filter)"> 

Тогда в контроллере функция определяется:

$scope.isDisplayed=function(item, filter){ 
if(filter!="") 
{ 
    if(item.category==filter) 
     return true; 
    return false; 
} 
    return true; 
} 

Ничто действительно трудно в этом, то Вы только должны установить filter свойство, я использовал кнопки с нг кнопкой мыши и категории в нг-повтора, вы можете нажать на них, она будет скрывать/показывать соответствующую пункты

Я надеюсь, что это помогает

Получите удовольствие