要重新渲染Angular 9组件,可以使用变更检测机制和Angular提供的内置方法。以下是一个解决方法,包含代码示例:
import { Component, ChangeDetectorRef } from '@angular/core';
constructor(private cdr: ChangeDetectorRef) { }
rerenderComponent
的方法来重新渲染组件:rerenderComponent() {
this.cdr.detectChanges();
}
rerenderComponent
方法,例如在点击按钮时:
完整示例代码如下:
import { Component, ChangeDetectorRef } from '@angular/core';
@Component({
selector: 'app-my-component',
template: `
{{ title }}
`
})
export class MyComponent {
title = '初始标题';
constructor(private cdr: ChangeDetectorRef) { }
rerenderComponent() {
this.title = '重新渲染后的标题';
this.cdr.detectChanges();
}
}
当点击按钮时,rerenderComponent
方法会更新title
属性的值,并调用cdr.detectChanges()
来触发变更检测,从而重新渲染组件。