我有一個指令,它裏面有一些嵌套的指令。使用ng-reppeat綁定ul/li列表中的數據的指令之一,而其他指令只是用於基本數據綁定的模板。如何處理AngularJS指令中的數據綁定閃爍?
我在加載頁面時看到的問題 - 首先加載簡單的數據綁定指令,以便在頁面上首先看到它們,而在幾毫秒後在頁面上顯示ng-repeat指令時,所以所有的組件都在閃爍。
我該如何處理?我怎麼能告訴父指令同時顯示它的所有子指令數據?我在我的指令中使用{{data-bind}}。
請指教如何避免頁面上的這種事情。
我有一個指令,它裏面有一些嵌套的指令。使用ng-reppeat綁定ul/li列表中的數據的指令之一,而其他指令只是用於基本數據綁定的模板。如何處理AngularJS指令中的數據綁定閃爍?
我在加載頁面時看到的問題 - 首先加載簡單的數據綁定指令,以便在頁面上首先看到它們,而在幾毫秒後在頁面上顯示ng-repeat指令時,所以所有的組件都在閃爍。
我該如何處理?我怎麼能告訴父指令同時顯示它的所有子指令數據?我在我的指令中使用{{data-bind}}。
請指教如何避免頁面上的這種事情。
你需要使用NG-斗篷。在您的<head>
中添加特定樣式(以便在AngularJS之前加載)。
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
閱讀更多關於它here