Angular 动态设置样式属性

Question

• 我的angular 项目想要动态设置css 中一个属性的数值
• position: relative;left:380px;
• 上面的380px 想要在 ts 文件中动态设置，要如何实现？

Answer 1

首先你这个CSS样式是作用到那个元素上面的呢?

1. host元素

@HostBinding('style.left.px')
public left: number = 300;

1. 如果是host内部的元素

// template
<p [style.left.px]="left"></p>

// component
public left: number = 300;