0
我使用的是angular2.0發行版。 當我加載一個懶惰的路由器,如果路由器有很多代碼,它幾乎是1MB,瀏覽器需要等待一段時間,這是不友好的,所以我想創建一個加載動畫。 angular2是否提供事件或指令?如何使加載/轉動條在angular2中的惰性路由器加載中處於活動狀態
對不起,我的英語不好。
我使用的是angular2.0發行版。 當我加載一個懶惰的路由器,如果路由器有很多代碼,它幾乎是1MB,瀏覽器需要等待一段時間,這是不友好的,所以我想創建一個加載動畫。 angular2是否提供事件或指令?如何使加載/轉動條在angular2中的惰性路由器加載中處於活動狀態
對不起,我的英語不好。
我的建議是這樣的:
設置,通過一個BehaviorSubject /可觀察暴露出公共標誌的服務。讓我們把它isLoading$
使用CanActivate檢測時延遲加載開始:在isLoading$
上isLoading$
當模塊加載發出true
,發出false
從模塊的入口組件的onInit()
。
創建或類似,以指示加載旋轉器:*ngIf="isLoading$ | async"
謝謝,我發現了一種方法 'this.router.events.subscribe((事件)=> { 變種ISSTART =事件的instanceof NavigationStart ; 如果(isEnd)this.appProvider.PageIsLoading = false; };; – Tivon