时间戳

首页 > 解决方案 > 如何从Angular8（独立组件）中的另一个组件传递一个组件的值

angular - 如何从Angular8（独立组件）中的另一个组件传递一个组件的值

问题描述

我想重置另一个组件的变量的值。2个组件是独立的。我想重置特定变量的值。值更新后，需要刷新该组件的 UI 以反映更改。

期待AngularJS 中的Broadcast/Emit 和 On

有可能用 RxJS 做点什么吗？如果是，请分享一些有用的链接。

标签： angularrxjsngrx

解决方案

您可以使用服务来共享 EventEmitter：https ://angular.io/api/core/EventEmitter

@Injectable()
export class YourSharedService {
  private _event = new EventEmitter<any>();

  get event(): EventEmitter<any> {
    return this._event;
  }
}

然后只需在第一个组件中发出：

this.yourService.event.emit();

并订阅另一个：

    this.yourService.event.subscribe(() =>  {});

有用，仅当您的组件真正独立时。

推荐阅读