2017-09-30 7 views
1

Je suis en train de travailler sur make makign la propriété classList @input dans la directive mdMenu. J'ai besoin de changer la disposition de celui-ci en utilisant cette propriété. J'ai le travail autour, mais cela nécessite d'ajouter du style pour l'ensemble de l'application, mais je ne le veux pas. Je crois vraiment que cette propriété classList est plus dynamique et peut être définie différemment pour chaque composant.Angular Material mdMenu

S'il vous plaît, donnez-moi un exemple de ce que peut faire ce travail.

D'avance, merci beaucoup.

enter image description here

Ceci est mon comment mon code ressemble.

enter image description here

Résultat dans le navigateur: enter image description here

+0

Comment l'utilisez-vous? – yurzui

+0

Je viens de mettre à jour ma question et de mettre mon code en bas. Merci –

Répondre

1

Vous devez passer chaîne comme:

class="class1 class2" 

ou

[class]="'class1 class2'" 

Plunker Example

+0

J'ai essayé cela et cela n'a pas fonctionné. Eh bien, si le nom de la classe est dans le fichier css principal, cela fonctionnera, mais pourquoi il ne fonctionne pas sur son propre composant de fichier css? –

+0

Voir mon plunker. J'utilise ':: ng-deep' pour appliquer css à l'élément imbriqué. Voir aussi https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep – yurzui

+0

:: ng-deep a fait l'affaire. Merci beaucoup, j'apprécie votre aide. –