要在操作后刷新Angular 6组件,你可以使用ChangeDetectorRef
来强制组件重新渲染。以下是一个示例解决方法:
首先,在组件的构造函数中注入ChangeDetectorRef
:
import { Component, ChangeDetectorRef } from '@angular/core';
@Component({
selector: 'app-my-component',
template: `
{{ data }}
`
})
export class MyComponent {
data: string;
constructor(private cdr: ChangeDetectorRef) { }
doSomething() {
// 在此处执行你的操作
this.data = 'Updated Data';
// 手动触发组件重新渲染
this.cdr.detectChanges();
}
}
在doSomething()
方法中,你可以执行你的操作,并在操作完成后将data
属性设置为新的值。然后使用this.cdr.detectChanges()
手动触发组件的变化检测,强制刷新组件以显示更新后的数据。
这样,当你点击按钮时,doSomething()
方法将被调用,并更新data
属性的值。然后,detectChanges()
方法将强制组件重新渲染,以便显示更新后的数据。