Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs ngShow负载延迟问题_Angularjs - Fatal编程技术网

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;
}