2017-09-30 290 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做到了這一點。非常感謝,我感謝你的幫助。 –