前端|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 = new EventEmitter(); constructor() {} }

然后 例如在A组件中 写法如下、
前端|angular 中关于同级组件数据传输 以及数据变化时 触发事件
文章图片

此时 在b组件中 写法如下 前端|angular 中关于同级组件数据传输 以及数据变化时 触发事件
文章图片

【前端|angular 中关于同级组件数据传输 以及数据变化时 触发事件】此时 只要触发a组件中的qiehuan事件是 就会触发 txserve.bookEventer.subscribe。

    推荐阅读