Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用ngStyle传递CSS值_Css_Angular - Fatal编程技术网

使用ngStyle传递CSS值

使用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}" 和同一想法的其他

我有一个服务发送一个值,我需要它被传递到CSS文件,这样我就可以控制仪表的移动量。 该值介于0和0.5之间,并更改

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')”“但是它工作得非常完美!!谢谢你!