离子，角度-ChangeDetectorRef未定义

Question

我像这样导入ChangeDetectorRef：

import { Component, ViewChild, ChangeDetectorRef , ElementRef } from '@angular/core';

并在我的页面的构造函数中初始化更改检测器，如下所示：

constructor(
    ...
    private ref: ChangeDetectorRef
  )

但是，当我在回调函数中执行detectChanges（）时：

 hardResetCallback(car:Car){
    this.car=car;
    this.ref.detectChanges();
  }

它说“无法读取未定义的属性'detectChanges'”。我可能会缺少什么？

编辑：

回调是从模式调用的。模态通过导航参数获取回调-在我称之为的父组件中：

const resetModal : Modal = this.modal.create('CarConfigurationResetPage', { car: this.car, callback: this.hardResetCallback });
    resetModal.present();

然后这就是我在模态中得到它的方式：

 this.callback=this.navParams.get('callback');

我像这样在AJAX调用的成功方法中从模式调用回调：

this.callback(response);

Answer 1

 hardResetCallback = (car:Car) => {
    this.car=car;
    this.ref.detectChanges();
  }

使用粗箭头功能可以防止在hardResetCallback方法范围内创建“ this”。

在此处查看有关箭头功能的更多信息。

相关报价：

“在经典函数表达式中，this关键字基于调用上下文而绑定到不同的值。但是，在箭头函数中，这是按词法绑定的。这意味着它从包含箭头函数的代码中使用它。”