angular绑定一个动态样式后如何在绑定一个传过来的动态样式
您可以使用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 著作权归作者所有。请勿转载和采集!