手动触发角度变化检测

Question

我正在编写一个具有属性Mode（）：string的角度组件。

我希望能够以编程方式设置此属性，而不是响应任何事件。

问题是在没有浏览器事件的情况下，模板绑定{{Mode}}不会更新。

是否有办法手动触发此更改检测？

Answer 1

我可以用markForCheck（）更新它

导入ChangeDetectorRef

import { ChangeDetectorRef } from '@angular/core';

注入并实例化它

constructor(private ref: ChangeDetectorRef) { 
}

最后标记要进行的更改检测

this.ref.markForCheck();

下面是一个markForCheck（）工作而detectChanges（）不工作的示例。

https://plnkr.co/edit/RfJwHqEVJcMU9ku9XNE7?p=preview

编辑：这个例子不再描述这个问题了：（我相信它可能运行一个新的角度版本，在那里它是固定的。

（按停止/运行再次运行）

Answer 2

我使用了公认的答案参考，并想举一个例子，因为Angular 2文档很难阅读，我希望这更容易：

>

导入NgZone：

import { Component, NgZone } from '@angular/core';

将其添加到类构造函数中

constructor(public zone: NgZone, ...args){}

用zone.run运行代码：

this.zone.run(() => this.donations = donations)

Answer 3

请尝试以下方法之一：

• ApplicationRef.tick（）-类似于AngularJS的$rootScope.$digest（）——即检查完整的组件树

您可以将ApplicationRef、NgZone或ChangeDetectorRef注入组件。