Передать значение CSS с помощью ngStyle

Question

У меня есть служба, отправляющая значение, которое мне нужно передать в CSS-файл, чтобы я мог контролировать, как перемещается измерительный прибор.Значение находится в диапазоне от 0 до 0,5 и изменяет

transform:rotate( {NUMBER} turn)

Для классов, динамически выбираемых с помощью предыдущего nGclass.

Пример: если моя переменная равна 0,5, мне нужно, чтобы полученный код CSS был

transform:rotate(.5turn)

Как мне это сделать?

Я пробовал

[ngStyle]="{'transform:rotate(.5turn)': dashService.variable}"

И другие варианты той же идеи, но, похоже, она не работает.

Answer 1

Вы можете использовать синтаксис интерполяции:

[ngStyle]="{ 'transform': 'rotate(' + dashService.variable + 'turn)': }"

Answer 2

Попробуйте это

[style.transform]="'rotate(' + (dashService.variable) + 'deg)'"

Answer 3

[ngStyle]="{'background-image': 'url(' + this.myApp.urlImagen + ')'}"

Я использовал это, чтобы добавить стиль к элементу ранее.Внесите любые изменения, и все будет хорошо:)