Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了RxJS--Subject大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

Subject是Observable(可观察对象)的子类,subject是多播的,允许将值多播给多个observer(观察者),普通observable是单播。

一个Subject都是一个Observable(可观察对象),可以订阅(subscribE)它。

要给subject提供新值,只要调用next(thevalue),它会将值theValue多播给已注册监听该subject的观察者们。

import {Component,OnInit}   

ngOnInit(){
<span style="color: #0000ff">const subject: Subject<<span style="color: #0000ff">String> = <span style="color: #0000ff">new Subject<<span style="color: #0000ff">String><span style="color: #000000">();

</span><span style="color: #0000ff"&gt;const</span> subscriptionA: Subscription =<span style="color: #000000"&gt; subject.subscribe(
    (val: </span><span style="color: #0000ff"&gt;String</span>) =><span style="color: #000000"&gt; {Console.log(`observerA: $(val)`)};
);

</span><span style="color: #0000ff"&gt;const</span> subscriptionB: Subscription =<span style="color: #000000"&gt; subject.subscribe(
    (val: </span><span style="color: #0000ff"&gt;String</span>) =><span style="color: #000000"&gt; {Console.log(`observerB: $(val)`)};
);

subject.next(</span><span style="color: #800000"&gt;'</span><span style="color: #800000"&gt;<a href="http://code.js-code.com/tag/boke/" target="_blank" class="keywords">博客</a></span><span style="color: #800000"&gt;'</span><span style="color: #000000"&gt;);
subject.next(</span><span style="color: #800000"&gt;'</span><span style="color: #800000"&gt;圆圆</span><span style="color: #800000"&gt;'</span><span style="color: #000000"&gt;);
subscriptionA.unsubscribe();    </span><span style="color: #008000"&gt;//</span><span style="color: #008000"&gt;取消<a href="http://code.js-code.com/tag/dingyue/" target="_blank" class="keywords">订阅</a></span>
subscriptionB.unsubscribe();    <span style="color: #008000"&gt;//</span><span style="color: #008000"&gt;取消<a href="http://code.js-code.com/tag/dingyue/" target="_blank" class="keywords">订阅</a></span>
subject.next(<span style="color: #800000"&gt;'</span><span style="color: #800000"&gt;取消<a href="http://code.js-code.com/tag/dingyue/" target="_blank" class="keywords">订阅</a>后</span><span style="color: #800000"&gt;'</span><span style="color: #000000"&gt;);
subject.complete();

}

大佬总结

以上是大佬教程为你收集整理的RxJS--Subject全部内容,希望文章能够帮你解决RxJS--Subject所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: