Css 类的动态样式

Css 类的动态样式,css,angular,typescript,Css,Angular,Typescript,我使用的是angular 9,有没有办法在组件中动态创建类的css .stick-menu{ transform: translate(10px,20px); } 我想要上面x和y的动态泊松,例如 .stick-menu{ transform: translate(20px,30px); } 但不使用ngclass或ngstyle,只需更改类并应用于所有元素 感谢您希望应用css的元素 [style.transform]="getTranform" 在组件中,可

我使用的是angular 9,有没有办法在组件中动态创建类的css

.stick-menu{
  transform: translate(10px,20px);
}
我想要上面x和y的动态泊松,例如

.stick-menu{
  transform: translate(20px,30px);
}
但不使用ngclass或ngstyle,只需更改类并应用于所有元素
感谢您希望应用css的元素

[style.transform]="getTranform"
在组件中,可以指定getTranform函数来返回所需的转换位置

get getTranform(){
    return `translate(${this.val}px,${this.val}px)`;
}

尝试添加
!重要信息
to在代码末尾。@Abedin.Zhuniqi与css broCan无关,您可以绘制一个简单的插图或其他更清晰的内容。是否要根据元素的属性更改样式表?如果没有很多元素,可以使用属性绑定。但我不清楚你想要什么doBy“dynamic”你的意思是想将TS值用于CSS属性吗?@Emilien是的,我想手动更改类属性的值。但不要使用ngStyle或style.tranform,因为这只能更改一个而不能更改全局