Wie kann ich einem Element beim Hover eine Klasse hinzufügen?

10

Wie man eine Klasse zu einem div hinzufügt, wenn es auf dem div steht.

Vorlage -

%Vor%

Komponente -

%Vor%

Demo

[HINWEIS - Ich möchte speziell eine neue Klasse hinzufügen und die vorhandenen Klassen nicht ändern]

Seufz! Es ist so ein normaler Anwendungsfall und ich sehe noch keine direkte Lösung!

    
Ajey 06.03.2017, 18:38
quelle

4 Antworten

21

Sie können auch etwas wie.

%Vor%

Dann in der Komponente

%Vor%

Plunker

    
Dylan 06.03.2017, 18:48
quelle
6

Einfach wie folgt

%Vor%

LIVE-DEMO

    
Aravind 06.03.2017 18:47
quelle
0

Wenn Sie die Stile programmgesteuert festlegen (z. B. von einem Attribut in der Komponente) und möchten, dass sie sich bei Hover ändert, können Sie sich diese Plunker-Demo .

Es beantwortet auch die Frage, wenn mehrere Elemente auf das mouseover-Ereignis reagieren müssen.

Hier ist der Code:

%Vor%     
Aurelien Giraud 26.06.2017 12:32
quelle
0

@HostListener Decorator ist auch eine gute Option, wenn Sie auf die gesamte Komponente anwenden.

Behalte den HTML-Code unverändert bei und füge in der Komponente @HostListener

hinzu %Vor%     
Aniruddha Das 20.07.2017 19:41
quelle

Tags und Links