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 中关于同级组件数据传输 以及数据变化时 触发事件_第1张图片

此时 在b组件中 写法如下 angular 中关于同级组件数据传输 以及数据变化时 触发事件_第2张图片

此时 只要触发a组件中的qiehuan事件是 就会触发 txserve.bookEventer.subscribe。

你可能感兴趣的:(前端,angular)