添加并注册了数据同步服务

src/app/app.module.ts

@@ -7,6 +7,7 @@ import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { TaskModalComponent } from './shared/task-modal/task-modal.component';
+import { DataService } from './services/data.service';
 
 @NgModule({
   declarations: [AppComponent],

src/app/services/data.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { DataService } from './data.service';
+
+describe('DataService', () => {
+  let service: DataService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(DataService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/services/data.service.ts

@@ -0,0 +1,15 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DataService {
+  private cardsSource = new BehaviorSubject<any[]>([]);
+  currentCards = this.cardsSource.asObservable();
+
+  constructor() { }
+  updateCards(cards: any[]) {
+    this.cardsSource.next(cards);
+  }
+}

src/app/tab1/tab1.page.ts

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