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
    });
}