2017-09-30 246 views
1

我挣扎工作在mdMenu指令中的classList @input属性。我需要使用此属性更改它的布局。我有工作,但这需要为整个应用程序添加样式,但我不希望这样。我真的相信这个classList属性更具动态性,并且可以针对每个组件进行不同的设置。角质材料mdMenu

请为我提供一个可以使这项工作的例子。

提前,非常感谢。

enter image description here

这是我的代码我的样子。

enter image description here

导致浏览器: enter image description here

+0

你如何使用它? – yurzui

+0

我刚刚更新了我的问题,并将我的代码放在底部。谢谢 –

回答

1

你应该通过字符串,如:

class="class1 class2" 

[class]="'class1 class2'" 

Plunker Example

+0

我试过了,它不起作用。那么如果类名是在主css文件中,它会工作,但为什么它不在它自己的CSS文件组件? –

+0

看我的摔跤手。我使用':: ng-deep'将CSS应用于嵌套元素。另请参阅https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep – yurzui

+0

:: ng-deep做到了这一点。非常感谢,我感谢你的帮助。 –