Angular 在Drective Composure API中使用指令输出

@Component({
  standalone: true,
  selector: 'admin-menu',
  template: 'admin-menu.html',
  hostDirectives: [{
    directive: MenuBehavior,
    inputs: ['menuId'],
    outputs: ['menuClosed'],
  }],
})
export class AdminMenu {

  someMethod() {
    // use menuClosed here....
  }
}

export class AdminMenu {
  @HostListener('menuClosed',['$event']) onMenuClosed(e:{closed:boolean}){
    console.log('Closed',e);
  }
}

Angular相关问答推荐

Toastr在独立组件上的Angular17实现

如何在构造函数中测试MatDialog.Open

如果Angular 模块是独立的，为什么我不需要在App模块中使用RouterModule？

如何在ANGLING v17中使用鞋带样式组件？

为什么在回调完成之前，可观察对象会返回？

Angular 16-错误NG8002：无法绑定到NGModel，因为它不是输入的已知属性

Angular 17水化-POST请求同时触发客户端/服务器端，而GET请求仅触发服务器端？

对REST后端的Angular/Priming过滤器请求导致无限循环

等待可观察性完成后再调用下一个

Angular 按钮指令错误地附加子元素

Angular 15：在范围内提供相同标记时附加到提供的值

导入 AngularFirestoreModule 时出现问题：此类型参数可能需要 `extends firebase.firestore.DocumentData` 约束.

Angular：try 在点击次数后禁用按钮

Angular：将间隔与增量和减量相结合

Angular combinelatest使用没有初始值的主题

angular 13 ng 构建库失败(ivy部分编译模式)

angular material日期 Select 器中的日期不正确

react表单上的自定义验证器用于密码并确认密码匹配将未定义的参数导入 Angular 4

如何在 Angular 2 中获取与 ElementRef 关联的组件的引用

NG 测试中的调试测试