У меня есть пользовательская загрузка (SearchingModalComponent), я хочу вызвать функцию show() в SearchingModalComponent.
SearchingModalComponent
import { Component } from '@angular/core';
@Component({
selector: 'searching-modal',
templateUrl: 'searching-modal.html'
})
export class SearchingModalComponent {
public show_classname: any;
constructor() {
this.show_classname = ""
}
public show() {
this.show_classname = "busy";
}
hide() {
this.show_classname = "";
}
}
app.modules.ts
import { SearchingModalComponent } from '../components/searching-modal/searching-modal';
@NgModule({
declarations: [
MyApp,
HomePage,
ScanPage,
SearchingModalComponent
],
imports: [
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage,
ScanPage
],
providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}, [ScreenSaver]]
})
export class AppModule {}
app.component.ts
@Component({
template: `
<ion-nav [root]="rootPage"></ion-nav>
<searching-modal id="loading" #Searching></searching-modal>
`
})
корневая страница
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { SearchingModalComponent } from '../../components/searching-modal/searching-modal';
@Component({
selector: 'page-scan',
templateUrl: 'scan.html'
})
export class ScanPage {
constructor(public navCtrl: NavController
, public ScreenSaverPrivid: ScreenSaver
, public SearchingModal: SearchingModalComponent
) { }
openLoading() {
this.SearchingModal.show();
console.log('openLoading');
}
}
системная информация:
- Интерфейс командной строки Кордовы: 6.0.0
- Версия Ionic Framework: 2.0.0-rc.3
- Ионная версия интерфейса командной строки: 2.1.14
- Ionic App Lib Версия: 2.1.7
- Ионные сценарии приложений Версия: 0.0.46
- версия ios-deploy: не установлена
- версия ios-sim: не установлена
- ОС: Виндовс 10
- Версия узла: v6.9.1
- Версия Xcode: не установлена
ИЗМЕНИТЬ [Решено] Спасибо, Хадриен ТОМА
переместите
<searching-modal id="loading" #Searching></searching-modal>
в файл scan.html
