Angular ngClass ghost class
Angular ngClass ghost class
我用ngClass做了一个简单的类切换,使用了材质设计图标(可能无关紧要)。这里有一个例子:
<button ng-click="toggle = !toggle">
<i class="mdi" ng-class="{'mdi-filter': toggle, 'mdi-filter-remove': !toggle}"></i>
</button>
由于某种原因,它不起作用,"mdi-filter remove"类将在上被删除!真实的评价。因此,为了进行测试,我将类更改为"mdi-filter outline"。有了那个类,它在某种程度上运行得很好!我只是换了一节课,如果我把上一节课放回去,它就会再次停止工作。最奇怪的是,在切换到"mdi-filter outline"类之前,"mdi-filter-remove"类会闪烁一瞬间。
如果我为切换设置了一个断点,并开始点击"下一个函数调用的步骤",我确实在点击几下后看到了"mdi filter remove",就在angular.js中的17286行执行之后:
fn(value, ((last === initWatchVal) ? value : last), current);
该类在项目中没有在任何地方使用,我用atom搜索了整个项目,没有匹配!它是从哪里来的?
请帮忙!
您的项目中有ngAnimate吗?如果这样做,则使用ng-class
添加和删除类会导致在幕后添加和删除一些特殊类,以便与过渡动画一起使用。其中一个特殊类是具有-remove
后缀的类。例如,如果您有一个名为my-class
的类,您正在使用ng-class
添加和删除该类,那么每当元素转换时,类my-class-add
和my-class-remove
也将与它们一起显示。这就是你看到它的原因。
所以,你应该重命名你的类。-remove
后缀与angular自动执行的操作发生冲突。
相关文章:
- RegEx删除空属性?例如,如果(class=“”||class=“”)移除;否则就下课
- 当浏览器上的后退按钮到达主页时,我需要删除Class
- 通过id和class属性获取元素
- 菜单栏class=活动引导程序主题无法正常工作
- $(.class).empty总是缺少一个元素
- jQuery[button.class]未检测到用按钮追加行
- javascript点击函数不;不适用于ID和Class
- HTML class=Ajax操作,如何让类点击调用好的操作
- Add a class if var < 0 jquery
- 将鼠标悬停在Angular JS中的一个元素上,并将Class添加到另一个元素中
- Difference between methods of defining JavaScript 'class
- todomvc Backbone's更改为class'编辑'使todo可编辑
- 使用jQuery隐藏和显示具有相同Class的类
- JQuery选择器:如果同级具有.class,则选择td
- jQuery:具有class但不具有$(this)的元素
- Why does "document.querySelector('a.some class'
- 浏览器与gullow和Ghost博客同步
- Javascript add class 不起作用
- 为什么设置 element.className = null 会导致 class=“null”
- Angular ngClass ghost class