2017-04-24 76 views
0

在这里输入代码我不知道如何正确地问这个问题。 我有一些HTML例子:元素看是否刷新页面

<a ng-click="OpenSubgroups(group)" class="{{group.Ico}}" href="" id="{{group.Id}}" title="" data-toggle="modal" data-target="#myModal">{{group.Text}}</a> 

当我重新加载页面我看到这个元素在这个{{group.Ico}}/{{group.Id}} 当页面加载我看到正确的信息。页面加载前仅1秒。 我如何从用户隐藏这个。

回答

1

也有一些是被称为ngCloak

https://docs.angularjs.org/api/ng/directive/ngCloak

只使用指令/班。

工作的jsfiddle:

http://jsfiddle.net/Lzwt8hkm/

模板

<span ng-cloak class='ng-cloak'> <b>{{name}}</b> in uppercase <b>{{nameUpper}}</b></span> 

CSS:

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

你能解释一下如何做到这一点对我的例子。 因为我遇到了与ng-show =“false”html elem相同的问题。当重新加载页面我看到它。 –

+0

@VolodymyrKozlov见编辑,我加了一个例子 –

+0

我做到了。当我的页面准备好了。我需要带这个元素并删除class =“ng-cloak”吧? –