我有两个组件componentA和componentB.他们都是sibbling,并且是componentMother的孩子.
我想这样做,当我点击componentA上的按钮时,它会触发componentB上的函数调用.
是使用具有可观察的服务并且使用componentA发出componentB订阅的事件或者是否有更好/最佳实践方式的方法?
我可能会使用一个使用Subject的服务.这样它既可以发布也可以订阅
import { Subject } from 'rxjs/Subject'; class SomeService { private _subject = new Subject<any>(); newEvent(event) { this._subject.next(event); } get events$() { return this._subject.asObservable(); } }
您的组件可以发布,也可以订阅
@NgModul({ providers: [ SomeService ] }) class AppModule {} @Component() class ComponentOne { constructor(private service: SomeService) {} onClick() { service.newEvent('clicked!'); } } @Component() class ComponentTwo { constructor(private service: SomeService) {} ngOnInit() { this.service.events$.forEach(event => console.log(event)); } }
也可以看看:
原文地址:https://www.jb51.cc/angularjs/140353.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。