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。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章