How to implement this in AngularJS?

Question

Angular

There is a list for example:

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

And I traverse the array:

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

How to make an analogue of a function written in jQuery write in Angular

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

Answer 1

https://jsfiddle.net/skqexru8/

Answer 2

To output an array - ng-repeat, and to hide and show elements ng-show and ng-hide.
PS: I could be wrong...