使用ngStyle传递CSS值
我有一个服务发送一个值,我需要它被传递到CSS文件,这样我就可以控制仪表的移动量。 该值介于0和0.5之间,并更改使用ngStyle传递CSS值,css,angular,Css,Angular,我有一个服务发送一个值,我需要它被传递到CSS文件,这样我就可以控制仪表的移动量。 该值介于0和0.5之间,并更改 transform:rotate( {NUMBER} turn) 在使用前一个nGclass动态选择的类上 示例:如果我的var为0.5,则需要将生成的CSS代码 transform:rotate(.5turn) 我该怎么办 我试过了 [ngStyle]="{'transform:rotate(.5turn)': dashService.variable}" 和同一想法的其他
transform:rotate( {NUMBER} turn)
在使用前一个nGclass动态选择的类上
示例:如果我的var为0.5,则需要将生成的CSS代码
transform:rotate(.5turn)
我该怎么办
我试过了
[ngStyle]="{'transform:rotate(.5turn)': dashService.variable}"
和同一想法的其他变体,但似乎不起作用
[ngStyle]="{'background-image': 'url(' + this.myApp.urlImagen + ')'}"
我以前曾使用它向元素添加样式。做任何更改都可以:)您可以使用插值语法:
[ngStyle]="{ 'transform': 'rotate(' + dashService.variable + 'turn)': }"
试试这个
[style.transform]="'rotate(' + (dashService.variable) + 'deg)'"
这就是我试图做的,但是我很难找到正确的转换语法:rotate(X turn)@dizzy replace“url”(“by”rotate(“和This.myApp.urlmagen,谢谢你的值)!我只需要在末尾加上“turn”,结果是:“`[ngStyle]=“{'transform':'rotate('+dashService.variable+'turn')”“但是它工作得非常完美!!谢谢你!