angular - 计算事件的绑定(bind)数

Question

我有一个显示数据表的子组件。我想在每一行上提供一个“选择”按钮，但前提是表格显示在需要该按钮的上下文中，即表格可以单独显示，也可以作为表单字段的选择显示。

我的想法是使用 EventEmitter 作为“选择”按钮，并仅在有事件订阅者时才显示该按钮。这是如何实现的或者有没有更好的方法来做到这一点？

我正在使用 Angular 2 rc.5

编辑:示例代码:

@Component({directives: [Child], template: "<child (select)="onSelect()"></child>"})
class Parent {
}

@Component({selector: "child", template: "<div *ngIf="showSelect" (click)="onSelect()">select</div>"})
class Child {
    @Output("select") select: EventEmitter<any> = new EventEmitter<any>();
    get showSelect() {
        // return true if there is any subscription to Output("select") 
    }
}

仅当父组件定义了此“选择”事件的监听器时，才应显示子组件中的 DIV。在本例中，它是通过将其绑定(bind)在模板中来实现的，但如果有人直接在子组件的“select”属性上调用 .subscribe() ，它也应该可以工作。

Answer 1

select.observers.length将告诉您 EventEmitter 有多少个订阅者(在本例中，对于名为“select”的 EventEmitter)。一般模式是<myEmitter>.observers.length 。

0 means you have a subscriber.