从$ ionicView.enter上具有特定属性的所有角度元素中删除类

Question

I am creating a project in ionic where when entering a particular view, a class from all the elements with some specific attributes, should be removed. This is my chunk of code:

$scope.$on('$ionicView.beforeEnter', function() {
   angular.element(document.querySelectorAll('i.icon.ion-android-favorite'))
       .removeClass('icon-love');
});

The issue is that the class is not removed at all when entering the view, since I think I am not target correctly the elements in the DOM. Do you have an idea what is the issue with my code?

Thanks in advance for your replies!

Answer 1

Try this:

$scope.$on('$ionicView.beforeEnter', function() {
       var elements = document.querySelectorAll('i.icon.ion-android-favorite');
       for (var i = 0; i < itens.length; i++){
           elements[i].className = elements[i].className.replace("icon-love", "");
       }
    });

To clarify follow this example: https://jsfiddle.net/lucassilvax/9b4pzszm/