angular - 知道父组件中是否绑定(bind)了 @output 事件

Question

我有一个 @Output labelClicked = new EventEmitter();我想知道此事件是否已绑定(bind)到父组件中(使用 <myComponent (labelClicked)="open($event)"></myComponent> )，以便我可以使用 cursor: pointer 为我的组件设置样式.

这可能吗？

Answer 1

解决方案:

<span class="label" [class.clickable]="labelClicked.observers.length > 0">{{label}}</span>

( css : .clickable { cursor: pointer; } )

解释:

据我了解，您想要检测事件处理程序是否与组件相关联。如果它是附加的，你想添加一些类，否则不需要附加类。

我只是做了快速检查，实际上 angular @output 变量保存了有关事件附加了多少处理程序的信息

在上图中，我附加了带有提交事件和关闭事件的处理程序，但没有附加任何处理程序。所以你可以检查这个数组并使用渲染分配类