javascript - this. 在 Angular2 的错误函数内部不可用

Question

我在 angular2 中遇到了一个奇怪的错误。而下面的代码工作正常

loginResult.subscribe(
      (data) =>
        this.response = data,
      (err) =>

        this._ajaxService.handleError(err, 'A string to summarize the activity')
    );

以下代码表示无法读取未定义的属性handleError。仅当请求失败时才会发生这种情况。

    loginResult.subscribe(
   function (response) {

        this.response = response;
        console.log(this.response);

      },
      function (error) {

        this._ajaxService.handleError(error, 'A string to summarize the activity')

      }
    );

Answer 1

将“this”绑定(bind)到成功和失败函数。

loginResult.subscribe(
    function (response) {
        this.response = response;
        console.log(this.response);
    }.bind(this), // <== "this" binding here
    function (error) {
        this._ajaxService.handleError(error, 'A string to summarize the activity')
    }.bind(this)
);