当 find 返回未定义时，Angular 和 rxjs 捕获错误

Question

当我从路由中定义的变量selectionId 为空值或无效值时，我试图弄清楚如何捕获错误。目前，如果我的 category 变量未定义，它会被 rxjs 函数 catchError 捕获，并适当地抛出我的错误订阅块。

但是当selectionId未定义时，它仍然进入成功块，成功的结果未定义。

loadSelection() {
    // define the menu category chosen (e.g. 'pizza')
    const category = this.route.snapshot.url[0].path;
    // define which item in the menu was selected (e.g. 1)
    const selectionId = this.route.snapshot.url[1].path;

    // in the menu state at the given category, find the menu item with the matching selectionId
    this.store.select('menu')
    .pipe(map(menuState => menuState.menu.groupedMenu[category]
    .find(selection => selection._id === selectionId)),
    catchError(err => throwError('given category does not exist'))
    ).subscribe(
    (selection: Selection) => { // success case
        this.selection = selection;
    },
    (err) => { // error case
        console.log('weow', err);
    });
}

当我的.find 返回未定义时，处理错误的最佳方法是什么？

我可以在我的成功块中放置一个 if 语句来检查 undefined，但我不觉得这是干净的代码。但也许我错了。

感谢您的帮助

Answer 1

我知道您是在专门询问如何处理 rx 流中的错误， 但是由于您在执行select 之前同时拥有category 和selectionId， 为什么不检查并处理select 之前的错误情况？