Come bolla angular2 evento personalizzato

Question

Parent

modello:

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

Albero modello di elemento:

<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> 

Ad esempio precedente, genitore riceve evento addChild solo dall'albero-elemento principale (figlio diretto) . È possibile presentare un evento addChild da qualsiasi albero-elemento? Sto usando angular 2.0.0-rc.0.

Answer 1

Gli eventi da EventEmitter non supportano il bubbling.

È possibile utilizzare element.dispatchEvent() per attivare un evento DOM che bolle o utilizzare un servizio condiviso come un bus di messaggi.

Vedi anche https://angular.io/docs/ts/latest/cookbook/component-communication.html