angular.js - 頁面需要用js撐滿寬度，ui-router做切換時會看到頁面閃爍一下，如何解決？

Question

頁面需要用js撐滿寬度，ui-router做切換時會看到頁面閃爍一下，應該是js運行，有沒有辦法讓js先執行完再顯示頁面，消除閃爍

Answer 1

可以先設定一個100% 高度和寬度的遮罩層，真實頁面切換完畢後再把遮罩 display:none 。

Answer 2

簡單一點的可以在js執行的最後設定一個標誌位，然後可以透過ng-if/ng-show 指令關聯這個標誌位控制頁面元素的顯示，複雜一點可以參考官方Wiki 設定ui-view的切換動畫

Answer 3

在綁定的時候，用ng-bind去綁定，或是用 ng-cloak去處理，可以具體看看