Rxjs监听精确版本如何使用
这篇“Rxjs监听精确版本如何使用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Rxjs监听精确版本如何使用”文章吧。
注释掉一个触发条件
# 留下的代码大致如下
private searchCondition$ = new Subject();
this.searchCondition$.next({
...(searchParam || {} )
...param,
});...解构是2次，是不是这里导致的？
可是...解构代码是同步操作，之后才执行到next。多添加一个...试试，不过还是只有2次调用
this.searchCondition$.next({
...(searchParam || {} )
...param,
...{a:1,}
});既然next异步触发不行，代码也不复杂，就重写直接同步调用
this.requestData({
...(searchParam || {} )
...param,
});经过测试，还是调用2次，那么问题就不是出现在发的地方
那就是监听的地方，触发了2遍
查看界面监听也就是subscribe()的地方
# 在html自定义组件中存在两处这样的代码
<cus-component [dataset]="dataset$ | async "> </cus-component>
# 这是ts监听地方
this.dataset$ = this.getDataLine(searchParam).pipe(
switchMap((res) => {
...
return of(res)
}),
)上述代码，通过注释掉一处html引用，编译后发现，调用次数变为1.故出现问题的代码就算定位到了。那么怎么fix？
修改代码，不监听http请求返回，直接把得到的数据返回给界面展示
const sub = this.getDataLine(searchParam).pipe(
tap((res) => {
...
this.dataset$ = of(res)
}),
)
//添加subscribe句柄管理，在component destory时候，销毁释放
this.subs?.add(sub);添加配置，屏蔽掉多次调用结果
//设置利用最后一次的值 shareReplay(1)
拓展：
Expression Changed After Checked
原因：
只有开发环境才有，用于提示html绑定的变量多次修改了，界面还没来及更新。
解决办法：
方法一：把code修改的地方，添加上setTimeout，延迟去刷新界面
方法二： 针对code，改用Observable， html界面使用上async
You provided an invalid object
TypeError: You provided an invalid object where a stream was expected.
You can provide an Observable, Promise, Array, or Iterable
可能原因：
最直接的从错误字面意思来，就是提供的对象，是一个不可用的对象，需要fix
解决办法
直接在报错的时候，debug，跳转到报错的位置，查看stack里面的内容，里面会清晰告诉你那里有错误。
常见的解决办法
判定返回的对象是否undefined
添加? or if等支持， 判定对象的方法调用,譬如 chart.draw() , chart不能为null，undefined.
以上就是关于“Rxjs监听精确版本如何使用”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注蜗牛博客行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：niceseo99@gmail.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
评论