我有一个用例,我必须使用 CSS 默认隐藏 HTML 元素,如下所示:
HTML:
<div class="item">
</div>
CSS:
.item {
display: none;
}
但是,我需要在页面加载后使用 ng-show 切换元素的可见性,如下所示:
<div class="item" ng-show="show_element">
</div>
但是,即使$scope.show_element
设置为 true 时,该元素不会变得可见,即 css 属性会覆盖 AngularJS 的 ng-show。有什么办法可以让 ng-show 更加优先吗?
另外,你可能认为我可以保留$scope.show_element
最初为 false 以隐藏它。但在这种情况下,当页面加载时,我只能短暂地看到该元素,从用户体验的角度来看,这并不好。
让它在你的情况下工作的一种方法是使用ng-class
如果元素应该可见,您可以应用具有正确显示属性的类,即display: block
如果你的引导速度很慢,你可以使用ng-cloak
在这里查看文档https://docs.angularjs.org/api/ng/directive/ngCloak https://docs.angularjs.org/api/ng/directive/ngCloak
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)