2017-04-24 75 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」吧? –