javascript - 如何从一个组件发布事件并从nativescript中的另一个组件接收事件

Question

如何从一个组件发布自定义事件并从 native 脚本中的另一个组件接收它。

类似于:

ComponentOne.ts

this.event.publish('someEvent', {name: 'a name'})

<小时/>

ComponentTwo.ts

this.event.subscribe('someEvent', (data) => {
    const name = data.name;
})

Answer 1

您可以使用subject对于本例

import { Injectable } from "@angular/core";
import { Subject } from "rxjs";

@Injectable()
export class MessageService {
    private subject = new Subject<any>();

    constructor() {}

    sendMessage(message: any) {
        this.subject.next(message);
    }

    getData() {
        return this.subject.asObservable();
    }
}

我在这里定义了2个方法。第一个方法使用 next() 将消息发送给下一个订阅者。因此，在您的组件中，您只需要像这样简单地订阅即可获取数据

private subscription$: Subscription;

public ngOnInit(): void {
  this.subscription$ = this.messageervice
            .getData()
            .subscribe(data => { console.log(data); })
}

public ngOnDestroy(): void {
    this.subscription$.unsubscribe();
}