angular2 – 如何强制组件的重新渲染在Angular 2?

如何强制组件在Angular 2中重新渲染?
为了调试目的使用Redux我想强制组件重新呈现它的视图,是可能吗?

问候

肖恩

渲染在更改检测后发生。要强制更改检测,以便将更改的组件属性值传播到DOM(然后浏览器将在视图中呈现这些更改),以下是一些选项:

> ApplicationRef.tick() – 类似于Angular 1的$ rootScope。$ digest() – 即检查完整的组件树
> NgZone.run(callback) – 类似于$ rootScope。$ apply(callback) – 即,评估Angular 2区域内的回调函数。我想,但我不知道,这最终在执行回调函数后检查完整的组件树。
> ChangeDetectorRef.detectChanges() – 类似于$ scope。$ digest() – 即,只检查此组件及其子组件

您可以将ApplicationRef,ngzone或ChangeDetectorRef注入到您的组件中。

对于您的特定场景,如果只有一个组件已更改,我建议使用最后一个选项。

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...