您可以使用ngStyle指令来绑定动态样式,并使用属性绑定来传递动态样式。例如:

在组件中定义一个属性来存储动态样式:

myStyle = {
  'font-size': '20px',
  'color': 'red'
};

在模板中使用ngStyle指令来绑定动态样式:

<div [ngStyle]="myStyle">这是一个动态样式</div>

如果您想从父组件传递动态样式,则可以使用属性绑定来传递样式对象:

在父组件中定义一个属性来存储动态样式:

parentStyle = {
  'font-size': '16px',
  'color': 'blue'
};

在父组件的模板中使用子组件并传递动态样式对象:

<app-child [myStyle]="parentStyle"></app-child>

在子组件中定义一个属性来接收传递过来的动态样式:

@Input() myStyle: object;

在子组件的模板中使用ngStyle指令来绑定传递过来的动态样式:

<div [ngStyle]="myStyle">这是一个动态样式</div>

原文地址: https://www.cveoy.top/t/topic/bg46 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录