从所有带有$ionicView.enter特定属性的angular元素中移除class

Remove class from all angular elements with specific attributes on $ionicView.enter

本文关键字:元素 angular class 属性 ionicView enter      更新时间:2023-09-26

我正在ionic中创建一个项目,当进入特定视图时,应该删除来自所有具有某些特定属性的元素的class。这是我的代码:

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

问题是,当进入视图时,类根本没有被删除,因为我认为我没有正确地瞄准DOM中的元素。你知道我的代码有什么问题吗?

提前感谢您的回复!

试试这个:

$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", "");
       }
    });

下面的例子说明:https://jsfiddle.net/lucassilvax/9b4pzszm/