如何防止 AngularJS 等待資料時路由閃爍？

在資料載入完成之前阻止AngularJS 路由變更

在AngularJS 中，當資料未完全載入時，路由轉換有時會導致閃爍或視覺偽影在顯示新路線之前。為了緩解這個問題，可以延遲路由更改，直到取得並處理所有必要的資料。

使用 $routeProvider 解決 Promises

AngularJS 中的 $routeProvider可讓您在發生路由變更之前解決資料依賴性。透過在路由配置中提供resolve屬性，您可以定義一個傳回promise的函數。路由變更將被延遲，直到與路由相關的所有承諾都已解決。

ProjectsController 的範例

考慮以下 ProjectsController 的路由定義：

在這個例子中，解析對象定義了兩個函數：

• 項目：此函數傳回一個承諾，使用ProjectService 從後端取得所有項目。
• 延遲：函數加入了1000毫秒的延遲進行示範

結論

以上是如何防止 AngularJS 等待資料時路由閃爍？的詳細內容。更多資訊請關注PHP中文網其他相關文章！