这个问题通常是由于未检测到变化引起的。一个常见的解决方案是使用ChangeDetectorRef
来触发变化检测。以下是示例代码:
import { Component, ChangeDetectorRef } from '@angular/core';
@Component({
selector: 'my-app',
template:
,
})
export class AppComponent {
constructor(private cdr: ChangeDetectorRef) {}
onEvent(event: any) { console.log('Event fired:', event); this.cdr.detectChanges(); // 触发变化检测 } }
在上面的示例中,ChangeDetectorRef
被注入到组件中,并在onEvent
方法中使用。在组件被渲染时,Angular会在第一个子组件中接收到事件,触发onEvent
方法,这时我们手动触发ChangeDetectorRef.detectChanges()
来检查变化。这样可以确保事件被正确地触发并更新视图。