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。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值