Ionic，Angular - 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'未定义”。 我能错过什么？

编辑：

从模态调用回调。 模态通过nav params获取回调 - 在我调用的父组件中：

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

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

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

我在AJAX调用的success方法中调用模态回调，如下所示：

this.callback(response);

Answer 1

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

使用胖箭头函数可以防止在hardResetCallback方法的范围内创建“this”。

在此处查看更多有关箭头功能

相关报价：

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

Answer 2

您可以使用：

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