Wie verbinde ich zwei Direktiven mit derselben Funktion in Angular?

Ich habe einen Pooper, der ein DIV anzeigt, wenn die Ratte das DIV betritt und verbirgt, wenn die Ratte austritt. Da ich classList.toggle("hidden") benutze, merke ich, dass ich die gleiche Methode von beiden Ereignissen aufrufen kann (es funktioniert nur Dandy).Wie verbinde ich zwei Direktiven mit derselben Funktion in Angular?

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

Allerdings möchte ich daran erinnern, dass es eine Möglichkeit für beide in einem Take zu registrieren. Ich dachte, ich könnte Folgendes tun, aber es scheint, dass nichts gehört wird (wahrscheinlich aufgrund eines Syntaxfehlers). Es wurden keine Fehler gemeldet und nach der Syntax gegoogelt oder irgendein Beispiel gab mir nichts (möglicherweise aufgrund einer schlechten Schlüsselwortauswahl in meinem Namen).

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

Was fehlt mir?

Quelle

2017-04-21 Konrad Viltersten

Dieser Thread ist für die nahe Zukunft geplant werden [in der Diskussion über meta] (https://meta.stackoverflow.com/questions/348225/is -dies-Frage-nicht-verwandt-zu-eckig). Ich sperre den Post, bis die Diskussion geklärt ist. –

unterstützt Dies ist derzeit nicht und scheint nicht https://github.com/angular/angular/issues/6675#issuecomment-251009636

Quelle

2017-04-21 09:41:12

Es sollte definitiv ** unterstützt werden **. Haben Sie irgendwelche Gedanken über die Gründe dafür, warum dies nicht sehr geschätzt wird? Scheint, dass es nur syntaktischer Zucker für die multi-direktive Version sein würde und den Code glatter machen würde. –

Es gibt mehrere Erweiterungen für die betrachtete Syntax (im Zusammenhang mit Observablen und neueren Browserentwicklungen). Ich denke, dass sie zuerst sicher sein wollen, dass alles berücksichtigt wird, bevor sie Änderungen vornehmen. Diese Syntax kann später nicht einfach geändert werden, falls sie herausfinden, dass sie etwas Ähnliches hätten tun sollen. –

Wie verbinde ich zwei Direktiven mit derselben Funktion in Angular?

Antwort

Verwandte Themen