离子，角度 - 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”。

查看更多关于箭头函数here.

相关引述：

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

Answer 2

你可以使用：

this.ref.markForCheck();
if (!this.ref['destroyed']) {
    this.ref.detectChanges();
}