Я использую Nativescript + Typescript/Angular2.
У меня есть страница, которую довольно сложно загрузить (она содержит вкладку и карту), поэтому я хотел бы показать ActivityIndicator при нажатии на ссылку маршрутизатора реферальной страницы и скрыть ее при загрузке страницы. Думаю, я мог бы использовать событие load класса Page (как уже упоминалось здесь), чтобы добиться этого, но в документации неясно, как это сделать в Angular Nativescript. Кто-нибудь может привести пример?
nativescript-vue 08.06.2020 Перейдите на страницу, для которой вы хотите показать ActivityIndicator, и добавьте вверху:
<ActivityIndicator [busy]="isLoading" [visibility]="isLoading ? 'visible' : 'collapse'" row="1" horizontalAlignment="center" verticalAlignment="center"></ActivityIndicator>
вам нужно будет создать новое свойство с именем isLoading в компоненте для этой страницы и инициализировать его значением false :
isLoading = false;
Теперь, когда у вас есть это свойство, последним шагом будет установка для этого свойства значения true, когда ваши данные загружаются, чтобы показать загрузчик. Это зависит от вашей реализации. Но для пояснения мы можем считать, что вы написали какой-то сервис, который будет обрабатывать выборку данных, и мы подписываемся на него в нашем компоненте. Для чего я буду использовать функцию ngOnInit(), чтобы подписаться на эту услугу и показать индикатор активности следующим образом.
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.
});
}
и это все . Я надеюсь, что это поможет вам.
