2017-04-21 39 views
1

我有一個pooper,當老鼠進入時鼠標顯示DIV,並在老鼠退出時隱藏DIV。由於我使用的是classList.toggle("hidden"),我意識到我可以從這兩個事件調用相同的方法(它的工作原理很簡單)。如何將兩個指令連接到Angular中的相同函數?

<td (mouseenter)="pooper($event,row)" 
    (mouseleave)="pooper($event,row)"> 
    {{row.info}} 
    <div class="pooper hidden">PoopUp</div> 
</td> 

但是,我想回想一下,有一種方法可以在一次拍攝中註冊。我認爲我可以做到以下幾點,但似乎沒有任何東西可以聽(可能是由於語法錯誤)。沒有錯誤報告和搜索語法或任何示例都沒有給我提供任何信息(可能是由於我的關鍵字選擇不當)。

<td (mouseenter,mouseleave)="pooper($event,row)"> 
    {{row.info}} 
    <div class="pooper hidden">PoopUp</div> 
</td> 

我錯過了什麼?

+0

此線程[下的元討論(https://meta.stackoverflow.com/questions/348225/is - 該個問題 - 不相關的對角)。我正在鎖定帖子,直到討論結束。 –

回答

2

這是目前不支持,似乎並不被計劃在不久的將來https://github.com/angular/angular/issues/6675#issuecomment-251009636

+0

它絕對**應**支持。對於沒有受到熱烈讚賞的背後原因,您是否有任何想法?似乎是多指令版本的語法糖,並使代碼更平滑。 –

+0

對於所考慮的語法有幾種擴展(與可觀察性和較新的瀏覽器開發有關)。我想他們首先要確保在實際進行更改之前考慮所有事情。這種語法稍後不能更改,以防他們發現他們應該做類似的事情。 –

相關問題