Nativescript：在頁面轉換正在進行時顯示ActivityIndi​​cator

Question

我正在使用Nativescript + Typescript/Angular2。

我有一個非常繁重的頁面加載（它包含一個tabview和一個地圖），所以我想顯示一個ActivityIndi​​cator，當引用頁面的路由器鏈接被點擊並隱藏時，頁面加載。我想我可能會利用Page類的load事件（如提到的here）來實現它，但是在文檔中它並不清楚如何在Angular Nativescript中完成它。任何人都可以提供示例嗎？

Answer 1

轉到您要顯示ActivityIndi​​cator並添加頂部的頁面：

<ActivityIndicator [busy]="isLoading" [visibility]="isLoading ? 'visible' : 'collapse'" row="1" horizontalAlignment="center" verticalAlignment="center"></ActivityIndicator> 

你將不得不在這個頁面的組件來創建一個名爲isLoading新的屬性，並將其初始化爲false：

isLoading = false; 

現在，你有這個屬性的最後一步是當你的數據加載到顯示loader.This會根據您的實現而改變這一屬性設置爲true。但爲了解釋起見，我們可以考慮你已經編寫了一些服務來處理數據的提取，並且我們正在我們的組件中訂閱它。爲此，我將利用ngOnInit（）函數來申請開通此項服務並顯示activityIndi​​cator如下

ngOnInit() { 
    this.isLoading = true; //setting isLoading to true in order to show the loader 
    this.SomeService.load() 
    .subscribe(res => { 
     //do stuff with the data 
     //like iterate ,bind etc 
     this.isLoading = false; // setting the isLoading property back to false after doing req. stuff. 
    }); 
} 

，就是這樣。我希望這能幫到您。