一、alert组件

  1. # tab2.page.html
  2. <ion-content>
  3.   <ion-button color="primary" (click)="presentAlert()">Primary</ion-button>
  4. </ion-content>
  7. # tab2.page.ts
  8. export class Tab2Page {
  9.   constructor(public alertController: AlertController) {}
  10.   async presentAlert() {
  11.     const alert = await this.alertController.create({
  12.       header: 'Alert',
  13.       subHeader: 'Subtitle',
  14.       message: 'This is an alert message.',
  15.       buttons: ['OK']
  16.     });
  17.     await alert.present();
  18.   }
  19. }

二、修改工具栏颜色

  1. <ion-toolbar color="success">
  2.     <ion-title>
  3.       Tab One
  4.     </ion-title>
  5. </ion-toolbar>

三、修改返回按钮文字

  1. //app.module.ts中配置
  3. @NgModule({
  4.   ...
  5.   imports: [IonicModule.forRoot({
  6.     backButtonText:"返回"
  7.   })],
  8. })
  9. export class AppModule {}