angular 中關於同級組件數據傳輸 以及數據變化時 觸發事件

首先 新建一個services

import { EventEmitter, Injectable } from '@angular/core';
import { Subject } from 'rxjs';

export class Book {
  name: string;
  price: number;
}

@Injectable({
  providedIn: 'root',
})
export class TongxinService {
  defaultBook: Book = { name: '《額爾古納河右岸》', price: 20 };
  bookEventer: EventEmitter<Book> = new EventEmitter();
  constructor() {}
}

然後 例如在A組件中 寫法如下、

此時 在b組件中 寫法如下 

此時 只要觸發a組件中的qiehuan事件是 就會觸發 txserve.bookEventer.subscribe。