Как реализовать такое на AngularJS?

Question

[westdp]

Есть список к примеру:

<ul class="choiceProducts">
            <li class="milkBlock" data-show="milk">Milk</li>
            ..........................................

И произвожу обход массива:

$scope.items = [
        {kkal:150, class: 'milk', name:'Full-fat milk', value : 100},
        {kkal:102, class: 'meatChicken', name:'Low fat milk (1%)', value : 100 },
        ..............................

Как сделать аналог функции которая написана на jQuery написать на Angular

$( document ).ready(function() {        
         $('.choiceProducts li').click(function(){
            var chosenCat = $(this).data('show');       
            $('.listSearch li').hide();
            $('.listSearch li.'+chosenCat).show();
         });
    });

Answer 1

[Pavel Shvedov]

https://jsfiddle.net/skqexru8/

Comments

[westdp]

Спасибо

Answer 2

[Дмитрий Кузнецов]

Для вывода массива - ng-repeat, а для скрытия и показа элементов ng-show и ng-hide.
PS: Могу ошибаться...