如何處理angular2中子元素的事件組件

假設我有一個組件，其中有幾個非常小的子元素。如果它是少量的子元素，我可以將它們分離出它們自己的組件，但由於大量的小子元素，我懷疑這是做到這一點的正確方法，因爲我最終會創建幾個單獨的組件。如何處理angular2中子元素的事件組件

所以我不知道我是如何去了解他們。

感謝

編輯

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

我有一些像上面的代碼和文本可以很好地代表了什麼行動可以在任何鼠標事件來進行。

來源

2016-06-07 me_digvijay

什麼樣的活動？事件發生時應該發生什麼。請更具體一些，並添加一些代碼來演示你在做什麼。 –

@GünterZöchbauer：剛剛添加了一些我正在嘗試做的模板。 –

我的其餘問題呢？什麼事件？應該發生什麼？有什麼問題？ –

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

來源

2016-06-07 16:14:11

您可以加入自然元素的事件將事件處理程序，而不會引入太多的JavaScript代碼模板。如果您使用@ViewChildren而不是@ViewChild注入數組，則會提供一個數組。

Angular2 native events handling and rxjs

來源

2016-11-19 21:26:35 user55993

如何處理angular2中子元素的事件組件

回答

相關問題