angular8兄弟之间传值

一.通过vscode打开项目,找到项目的当前路径
使用命令 创建两个子组件
ng g c heroes
ng g c brother

创建成功之后可以看到
在兄弟之间传值 我们要通过一个中间服务 来建立链接 通过命令
ng g service communicate

我们要新建一个Subject 主题,然后通过方法,
this.subject.asObservable() 转化为一个 Observable对象,
然后在里面执行 this.subject.next(); 这个是可以通过subscribe() 来监听到
然后我们看下 兄弟之间的传值

然后我们来看一下 heroes的ts
然后调用 this.cs.emit() 方法 传递出去

记得在constructor 里面注册一下服务
constructor(private cs: CommunicateService) { }
然后我们来看一下 brother的 ts code

记得在constructor 里面注册一下服务
constructor(private cs: CommunicateService) { }
这里是通过 ob 就是我们前面定义的消费者用来监听Observable
this.cs.ob.subscribe();
好了, 一个派发消息 一个来监听 ,这个样子 就可以在兄弟之间 监听到了,
结果如下所示

好了,这个就是angular8 兄弟之间的传值,如果有任何的问题,欢迎评论下面指出,
如果这篇文章 对你有用处,点个赞呗,谢谢

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！