Question

我需要在其他浏览器支持中添加-webkit和-moz

[ngStyle]="{'transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)'}; 
{'-webkit-transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)'}; 
{'-moz-transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)'};
{'-ms-transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)'};
{'-o-transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)'};"

但是，以上代码抛出错误：

Uncaught Error: Template parse errors:
Parser Error: Binding expression cannot contain chained expression at column 71 in ...

摆脱这种情况的可能解决方案是什么？

仅当我有一个值为：

时，它才有效

[ngStyle]="{'transform': 'rotate(' + ((result.percentage * 1.8) - 90) + 'deg)'};"

Answer 1

您要将所有样式绑定都放在一个对象中，而不是每种样式都使用一个新对象，例如：

[14, 22, 37, 57, 62]
[15, 20, 45, 55, 63]
[6, 29, 38, 52, 69]
[11, 30, 34, 59, 74]
[4, 16, 36, 54, 67]

绑定表达式不能包含链接表达式（Angular 8）

1 个答案: