我有一个页脚,我想让它的背景颜色动态。我试图将元素绑定到一个类或提供动态样式,但它不起作用。事件它没有采用样式。我的 html 中有这个。
<ion-footer align="center" style="height: 50px" *ngIf="visibility">
<ion-toolbar class="testing"> //or// <ion-toolbar style="background-color: lightgreen">
<ion-title>
.....
Run Code Online (Sandbox Code Playgroud)
这在我的 .scss 中
.toolbar-background.testing {
background-color: lightgreen;
color:white
}
Run Code Online (Sandbox Code Playgroud)
//或者
.testing {
background-color: lightgreen;
}
Run Code Online (Sandbox Code Playgroud)
只有这样有效,但我不知道如何使其动态化。
.toolbar-background {
background-color: lightgreen;
color:white
}
Run Code Online (Sandbox Code Playgroud)