如何解决Angular-仅在存在URL参数的情况下如何执行查询
我有以下查询。仅当存在URL参数(paramOne)时才可以执行此操作吗?
queryAndSubscribe(){
this._subscription = this._activatedRoute.params.pipe(
tap (params => {
console.log('params = ',params);
}),switchMap(params => {
return this.service.getItems(params.paramOne);
})
).subscribe(items => {
// push to array
});
}
我尝试在交换机映射中放入if
语句,但是会产生未定义的流错误。
解决方法
只需使用 filter rxjs运算符。如果未提供该参数,则控件将不会传递给管道中的下一个运算符。
您的代码将像这样被修改
queryAndSubscribe(){
this._subscription = this._activatedRoute.params.pipe(
tap (params => {
console.log('params = ',params);
}),filter(params=>params.paramOne),switchMap(params => {
return this.service.getItems(params.paramOne);
})
).subscribe(items => {
// push to array
});
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。