So behandeln Sie Ereignisse auf untergeordneten Element in angular2 Komponente

Question

Angenommen, ich habe eine Komponente, die mehrere sehr kleine untergeordnete Elemente enthält. Wenn es eine kleine Anzahl von Kindelementen wäre, könnte ich sie in ihre eigenen Komponenten getrennt haben, aber aufgrund der großen Anzahl von kleinen Kindelementen bezweifle ich, dass dies der richtige Weg ist, da ich am Ende mehrere separate Komponenten erstellen würde .

So bin ich mir nicht sicher, wie ich über sie gehe.

Dank

bearbeiten

<div> <!-- main component --> 
<div>Content</div> 
<span>Delete</span> 
<span>Like</span> 
<span>dislike</span> 
<span>report</span> 
<span>Edit</span> 
<span>Share</span> 
</div> 

Ich habe so etwas wie der Code oben und der Text kann sehr gut darstellen, welche Aktionen auf jedem Mausereignis durchgeführt werden können.

Answer 1

<div (click)="doSomething($event)" 
    (mouseover)="doSomething($event)" 
    (mousedown)="doSomething($event)"> 

Answer 2

können Sie nativer Elemente Ereignisse Event-Handler hinzufügen, ohne zu viel Einführung Javascript-Code in der Vorlage. Wenn Sie mit @ViewChildren statt @ViewChild injizieren, wird ein Array bereitgestellt.

Angular2 native events handling and rxjs