Как пузыриться 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 из любого дерева? Я использую угловой 2.0.0-rc.0.

Answer 1

События от EventEmitter не поддерживают пузыри.

Вы можете использовать element.dispatchEvent() для запуска события DOM, которое пузырится, или использовать общую службу, такую ​​как шина сообщений.

Смотрите также https://angular.io/docs/ts/latest/cookbook/component-communication.html