Question

在我的离子项目中，我使用切换生成的此切换的html为：

<div class="item-toggle toggle-large ng-valid ng-empty item item-toggle" id="dd" ng-class="checkarrivee.ficheDeMission==undefined ? 'item' : ''" ng-model="checkarrivee.boo[var.id]" ng-click="checkarrivee.isMissionSelected(var.id,checkarrivee.ficheDeMission.id)" toggle-class="toggle-positive"><div ng-transclude=""><span class="ng-binding">Ceintures De Sécurités Passagères</span></div><label class="toggle toggle-positive disable-user-behavior"><input type="checkbox" ng-model="checkarrivee.boo[var.id]" class="ng-pristine ng-untouched ng-valid ng-empty"><div class="track"><div class="handle"></div></div></label></div>

有没有办法动态检查项目类，因为我不希望项目类出现在我的div中，我尝试使用ng-class但是它没有工作，我怎么能得到没有项目类的div？

Answer 1

如果您的代码是通过指令添加的，则可以制定另一个指令来解决此问题。这是一个例子（未经测试，但很简单）。检查toggle-class属性是否触发项类检查：

app.directive('toggleClass', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            if (element.hasClass('item')) {
                element.removeClass('item');
            }
        }
    }
});

动态删除类项

1 个答案: