Question

我在制作ng-cloak时遇到了困难。我已尝试过此页面上的所有内容： ng-cloak

我有一个包含2个div的ui-view。 div是互斥的。我只想展示其中一个。我试图通过使用ng-show / ng-hide对来控制它。

  <div ng-controller="app.overviewController" ng-cloak>        
       <div name="a" ng-show="isFirst">
                     ...content
       </div>

       <div name="b" ng-hide="isFirst">
                     ...content
       </div>
   </div>

“isFirst”通过调用附加到此视图的控制器中的WebApi方法进行设置。我很难搞清楚我是否遗漏了什么。任何提示将不胜感激。

Answer 1

如前所述https://docs.angularjs.org/api/ng/directive/ngCloak 您必须将ngCloak用作属性或类

以下是两种方法。

<div name="a" ng-cloak>...</div>
<div name="a" class="ng-cloak">...</div>

Answer 2

如果您在页面加载期间尝试它，那么您可以这样实现：

<div ng-show="false">
Page is loading...  
</div>

在上面的代码片段中，我猜可能是isFirst变量应该在声明时初始化。

也试试这种方式。

<div name="a" ng-show="isFirst">
     ...content
</div>

<div name="b" ng-hide="!isFirst">
   ...content
</div>

AngularJs元素闪烁

2 个答案: