在 Angular 6 中,可以使用函数来更新样式。下面是一个简单的示例:
Hello World
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
getStyles() {
return {
'color': 'red',
'font-size': '20px'
};
}
}
div {
background-color: yellow;
}
这样,当组件渲染时,div 元素的样式将会由 getStyles 函数返回的样式对象决定。所以,div 元素的颜色为红色,字体大小为20像素,并且会有黄色的背景颜色。
希望这个示例能够帮助到你!