2014-11-22 52 views
1

我有一個指令,它裏面有一些嵌套的指令。使用ng-reppeat綁定ul/li列表中的數據的指令之一,而其他指令只是用於基本數據綁定的模板。如何處理AngularJS指令中的數據綁定閃爍?

我在加載頁面時看到的問題 - 首先加載簡單的數據綁定指令,以便在頁面上首先看到它們,而在幾毫秒後在頁面上顯示ng-repeat指令時,所以所有的組件都在閃爍。

我該如何處理?我怎麼能告訴父指令同時顯示它的所有子指令數據?我在我的指令中使用{{data-bind}}。

請指教如何避免頁面上的這種事情。

回答

1

你需要使用NG-斗篷。在您的<head>中添加特定樣式(以便在AngularJS之前加載)。

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

閱讀更多關於它here