typescript - 如何冒泡angular2自定义事件

Question

父模板:

<ul>
   <tree-item [model]="tree" (addChild)="addChild($event)"></tree-item>
</ul>

树项模板:

<li>
  <div>{{model.name}}
    <span [hidden]="!isFolder" (click)="addChild.emit(model)">Add Child</span>
  </div>
  <ul *ngFor="let m of model.children">
    <tree-item [model]="m"></tree-item>
  </ul>
</li>

对于上面的例子，父节点只从根树项(直接子节点)接收 addChild 事件。是否可以从任何树项中冒出 addChild 事件？我正在使用 Angular 2.0.0-rc.0。

Answer 1

来自 EventEmitter 的事件不支持冒泡。

您可以使用 element.dispatchEvent() 触发冒泡的 DOM 事件，或使用消息总线等共享服务。

另见 https://angular.io/docs/ts/latest/cookbook/component-communication.html