AngularJs加载时隐藏

我有4种形式，其中使用角度ng-hide和ng-show在需要时显示每个形式。但是，当页面最初加载时，它将在加载时显示所有表单，并且只在加载完成时才隐藏它们。加载时看起来很糟糕。有没有办法阻止这种情况发生？AngularJs加载时隐藏

[ngCloak（https://docs.angularjs.org/api/ng/directive/ngCloak）被设计为 –

如何我是否将它应用于表单？有3种形式 –

通常，你想将它应用到整个应用程序，只是一段时间，而角度不在这里。但你可以将它应用到你想要的 - 只需添加类或属性... *请参阅下面的docs/@ asdf_enel_hak的答案css规则*角加载它时删除这些东西，并将应用标准的'ngShow/ngHide'功能。 –

ng-cloak会为你工作

例如：

在你的CSS

：

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { 
    display: none !important; 
}

并在代码：

<div id="template1" ng-cloak>{{ 'hello' }}</div>

2016-05-23 14:46:53

CSS：

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { 
    display: none !important; 
}

HTML：

<body ng-cloak> ... </body>

该指令可以被施加到元件，但优选的使用量是将多个ngCloak指令应用于网页的一小部分，以允许浏览器视图的渐进式渲染。

所以最好申请ng-cloak特定元素：

<div ng-cloak> ... </div> 
<div ng-cloak> ... </div>

2016-05-23 16:00:17

回答