Ich arbeite mit Angular Material 1. * Komponenten und bin sehr glücklich darüber.
Ich würde gerne die Farben des Themas verwenden, um den Hover-State-Hintergrund wie für normale md-colors Hintergrund, kann jedoch keine Dokumentation darüber finden, wie die Farbe für den Hover-Status festgelegt wird.
Weiß jemand, ist es möglich und wie man es macht?
Wenn Sie die Datei colors.js der eckigen Materialbibliothek betrachten, werden Sie feststellen, dass es keine Option gibt, mit der wir den Hover-Effekt-Zustand konfigurieren können:
%Vor%Ich habe einen Workaround erstellt, indem ich die Hintergrundfarbe mit md-Farben eingestellt habe und sie hinter einem anderen Element versteckt habe. Der Hover-Status macht dann die oberste Ebene transparent, also scheint es sich um einen dynamisch gesetzten Hover-Zustand zu handeln! Diese Antwort finden Sie hier:
Obwohl der Hover-Status in CSS nicht unterstützt wird, können Sie ihn mit ng-mouseenter und mouseleave mit angular simulieren.
Ähnlich wie eine Kombination dieser Direktiven, die auf das Element angewendet werden:
%Vor%Dabei ist $ ctrl.theme eine Zeichenfolge für Ihr aktuelles Design. Wenn Sie die Hover-Eigenschaft in $ scope registrieren, können Sie sie als Steuerelement für die Farbe verwenden, die in der Anweisung md-colors übergeben werden soll.
Tags und Links angularjs angular-material