Angularjs ngShow负载延迟问题
我有一个菜单,当点击某个按钮时会滑动,但在开始时,该菜单是隐藏的,类似于:Angularjs ngShow负载延迟问题,angularjs,Angularjs,我有一个菜单,当点击某个按钮时会滑动,但在开始时,该菜单是隐藏的,类似于: <div ng-show="menuShow"> my menu here... </div> 我的菜单在这里。。。 问题是当页面加载时,菜单没有隐藏(可能是因为没有加载ngShow指令),然后它们消失(可能是因为加载了ngShow指令),并使菜单产生奇怪的“闪烁效果” 处理此问题的最佳方法是什么?最快、最简单的方法是将指令添加到元素中 <div ng-show="menuShow
<div ng-show="menuShow">
my menu here...
</div>
我的菜单在这里。。。
问题是当页面加载时,菜单没有隐藏(可能是因为没有加载ngShow指令),然后它们消失(可能是因为加载了ngShow指令),并使菜单产生奇怪的“闪烁效果”
处理此问题的最佳方法是什么?最快、最简单的方法是将指令添加到元素中
<div ng-show="menuShow" ng-cloak>
my menu here...
</div>
如果由于某种原因这是不可能的,您可以在初始加载时让所有角度内容不在页面中,而是由
ng include
、ng view
或ui view
指令或包含其自己模板的自定义指令包含。(我就是这样做的,但更多的是出于结构上的原因)即使在应用CSS规则时,我也无法让ng-clope
工作,所以我最终使用了ng-if
。
这会导致更多的开销,因为Angular实际上会从DOM中删除对象,并在每次
ng的值发生变化时重新加载它(如果发生变化),但在我的情况下,这种情况并不频繁,开销也不明显。Hi!我遇到了完全相同的问题,但是你答案中的两个选项对我都不起作用:(有什么想法吗?由于同步差异,答案很好。在我的情况下,angular没有加载到head部分,所以我不得不手动添加CSS类。
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}