2017-09-30 1 views
1

Ich habe Probleme Makign arbeiten die ClassList @ Eingang Eigenschaft in der mdMenu-Richtlinie. Ich muss das Layout davon mit dieser Eigenschaft ändern. Ich habe die Arbeit um, aber das erfordert Stil für die gesamte App hinzufügen, aber ich will das nicht. Ich glaube wirklich, dass diese classList-Eigenschaft dynamischer ist und für jede Komponente anders eingestellt werden kann.Angular Material mdMenu

Bitte geben Sie mir ein Beispiel dafür, dass dies funktioniert.

Im Voraus, vielen Dank.

enter image description here

Das ist mein, wie mein Code aussieht.

enter image description here

Ergebnis im Browser: enter image description here

+0

Wie verwenden Sie es? – yurzui

+0

Ich habe gerade meine Frage aktualisiert und meinen Code unten platziert. Danke –

Antwort

1

Sie sollten wie String übergeben:

class="class1 class2" 

oder

[class]="'class1 class2'" 

Plunker Example

+0

Ich habe das versucht und es hat nicht funktioniert. Nun, wenn der Klassenname in der Haupt-CSS-Datei ist, wird es funktionieren, aber warum funktioniert es nicht auf seiner eigenen CSS-Datei-Komponente? –

+0

Sehen Sie meinen Plunker. Ich verwende ':: ng-deep', um CSS auf verschachtelte Elemente anzuwenden. Siehe auch https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep – yurzui

+0

:: ng-deep hat den Trick gemacht. Vielen Dank, ich schätze Ihre Hilfe. –