Angular Signals(信号)可以用于组件间的通信,它是一个由@angular/core模块提供的RxJS主题。使用Angular Signals可以避免将信息通过组件层次结构传递,从而更好地分离组件。以下是一个使用Angular信号的示例。
首先,导入必要的模块:
import { Component, EventEmitter, Output } from '@angular/core';
import { Subject } from 'rxjs';
然后,在组件中声明和初始化Subject:
export class SenderComponent {
@Output() myEvent = new Subject();
sendMessage() {
this.myEvent.next('Hello from sender!');
}
}
在接收者组件中,订阅Subject:
export class ReceiverComponent {
@Input() myEvent: Observable;
ngOnInit() {
this.myEvent.subscribe(message => {
console.log('Received message: ', message);
});
}
}
这样,发送组件可以使用sendMessage方法发送消息,接收组件可以在ngOnInit方法中订阅消息。
下一篇:Angular信号绑定未正确更新