Показать или скрыть значок сердца в ng-repeat - PullRequest
Новая
       17

Показать или скрыть значок сердца в ng-repeat

0 голосов
/ 14 октября 2018

Я работаю над веб-приложением, в котором есть любимый раздел, но когда я нажимаю на значок сердца, он отображает весь раздел.В принципе, я хочу, чтобы единственное свечение сердца, на которое я нажимаю в ng-repeat.Для лучшего понимания я поставил коды. 

addFav:function(id,index){
                vm.wishListData.venue_id=vm.searchResults[index]._id;
                var objRequest=filterMapperService.addFavData(vm.wishListData);
                filterListService.addFavData(objRequest).then(function (response) {
                    if (response && response.data) {
                        if(response.data.status=='200'){
                            alert("Added to Favourite");
                            vm.addToFav=1;
                        }
                    }
                })
            },
            removeFav:function(index){
                vm.wishListData.venue_id=vm.searchResults[index]._id;
                var objRequest=filterMapperService.removeFavData(vm.wishListData);
                filterListService.removeFavData(objRequest).then(function (response) {
                    if (response && response.data) {
                        if(response.data.status=='200'){
                            alert("Removed from Favourite");
                            vm.addToFav=null;
                        }
                    }
                })
            },
<div uib-carousel active="active" interval="5000" no-wrap="noWrapSlides" ng-if="result.venue_images.length">
                            <div uib-slide ng-repeat="img in result.venue_images" index="$index">
                                <img ng-src="{{vm.ip}}/images/{{img}}" style="margin:auto;" style="height:200px;">
                            </div>
                        </div>
                        <div class="addFavButton" ng-click="vm.addFav(result.venue_id,$index)" ng-if="!vm.addToFav">
                            <img src="/icons/remove-fav.png" style="height: 30px;">
                        </div>
                        <div class="addFavButton" ng-click="vm.removeFav(result.venue_id,$index)" ng-if="vm.addToFav">
                            <img src="/icons/add-fav.png" style="height: 30px;">
                        </div>

Я не знаю, показать или скрыть определенный div или значок в определенное время.

Перед щелчком После клика

...