实现tab1点击左上角加号弹出任务创建窗口

src/app/tab1/tab1.page.html

@@ -1,7 +1,7 @@
 <ion-header [translucent]="true">
   <ion-toolbar>
     <ion-buttons slot="start">
-      <ion-button>
+      <ion-button (click)="openTaskModal()">
         <ion-icon slot="icon-only" name="add"></ion-icon>
       </ion-button>
     </ion-buttons>

src/app/tab1/tab1.page.ts

@@ -1,4 +1,6 @@
 import { Component } from '@angular/core';
+import { ModalController } from '@ionic/angular';
+import { TaskModalComponent } from '../shared/task-modal/task-modal.component';
 
 @Component({
   selector: 'app-tab1',
@@ -9,6 +11,12 @@ import { Component } from '@angular/core';
 export class Tab1Page {
   currentDate: string;
 
-  constructor() {this.currentDate = new Date().toLocaleDateString();}
+  constructor(private modalCtrl: ModalController) {this.currentDate = new Date().toLocaleDateString();}
 
+  async openTaskModal() {
+    const modal = await this.modalCtrl.create({
+      component: TaskModalComponent
+    });
+    return await modal.present();
+  }
 }