在传统函数中无法访问此参考

问题描述

我正在使用Angular 9进行Web开发。我想在我的应用程序中实现预输入功能。所以我正在使用ng bootstrap typeahead。一切正常，如下面的代码所述。

composer require laravel/ui:^2.4@H_404_5@
，但是由于不支持箭头功能，因此在IE浏览器中不起作用。为了解决此问题，我以以下方式修改了代码：
search = (text$: Observable<string>) =>
    text$.pipe(
      debounceTime(150),distinctUntilChanged(),switchMap(term =>
        this.GameService.getCode(term).pipe(
          catchError(() => {
            return of([]);
          }))
      ),)
@H_404_5@
我如何自定义此代码以支持IE浏览器。



解决方法

        
在输入let self = this之前尝试定义function。
使用函数表达式时，您会失去代码范围和对this的访问权限-因此，您想在输入第一个this之前保存function。