angular - 从另一个组件调用组件中的函数

Question

在 Angular2 中，假设我有 component1(将其用作左侧面板导航器)和 component2。这两个组件彼此不相关(同级、父级和子级，...)。如何从 component2 调用 component1 中的函数？我不能在这里使用事件绑定(bind)。

Answer 1

您可以使用 Angular BehaviorSubject 与非相关组件进行通信。

服务文件

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';


@Injectable()
export class commonService {
    private data = new BehaviorSubject('');
    currentData = this.data.asObservable()

    constructor() { }

    updateMessage(item: any) {
        this.data.next(item);
    }

}

第一个组件

constructor(private _data: commonService) { }
shareData() {
      this._data.updateMessage('pass this data');
 }

第二个组成部分

constructor(private _data: commonService) { }
ngOnInit() {
     this._data.currentData.subscribe(currentData => this.invokeMyMethode())
}

使用上述方法，您可以轻松地调用方法/与非相关组件共享数据。

More info here