要解决Angular 6+中周视图的自定义事件模板不起作用的问题,可以按照以下步骤进行操作:
import { Component, EventEmitter, Output } from '@angular/core';
@Component({
selector: 'app-week-view',
template: `
点击触发自定义事件
`
})
export class WeekViewComponent {
@Output() customEvent = new EventEmitter();
onCustomEvent() {
this.customEvent.emit();
}
}
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent {
handleCustomEvent() {
console.log('自定义事件已触发');
}
}
这样,在周视图组件中点击指定的元素时,自定义事件将触发,并在父组件中的handleCustomEvent方法中进行处理。你可以根据需要在handleCustomEvent方法中添加自己的逻辑。
注意:确保在使用自定义事件时正确引入和声明EventEmitter和Output。