要检测Angular 8组件的重新渲染作为事件,可以使用Angular的ChangeDetectorRef类。以下是一个示例解决方案:
首先,在组件的构造函数中注入ChangeDetectorRef:
import { Component, ChangeDetectorRef } from '@angular/core';
@Component({
selector: 'app-my-component',
template: `
{{ renderCount }}
`,
})
export class MyComponent {
renderCount = 0;
constructor(private cdr: ChangeDetectorRef) {}
reRender() {
this.renderCount++;
this.cdr.detectChanges();
}
}
在上面的示例中,我们注入了ChangeDetectorRef,并在reRender方法中使用detectChanges方法来手动触发重新渲染。
当用户点击“重新渲染”按钮时,renderCount属性将增加,并且组件将被重新渲染。
这是一种检测组件重新渲染的简单方法,可以根据实际需求进行扩展和修改。