在Angular 8中，ng- attrstyle的等价物是什么?

Question

我在AngularJS中有一个应用程序，我想把它转换成Angular 8。

在应用程序中，有一个div，我在其中动态传递宽度，像这样:

ng-attr-style="width:{{countersDtl.SurveySubmittedInstant/(countersDtl.ServiceDone)*100}}%"

countersDtl是一个键为SurveySubmittedInstant和ServiceDone的对象。

我多个元素只使用ng-attr-style这样。

我已经尝试了从style.width到ngStyle的所有内容，但没有任何效果。

Answer 1

与ng-attr-style等价的是ngStyle绑定。您可以在文档中阅读更多关于ngStyle的信息。

对于你的情况，正确的语法应该是这样的:

[ngStyle]="{'width': (countersDtl.SurveySubmittedInstant/(countersDtl.ServiceDone)*100) + '%'"

此外，您可以使用'width.%'代替+ '%'标记属性，如下所示:

[ngStyle]="{'width.%': countersDtl.SurveySubmittedInstant/(countersDtl.ServiceDone)*100"

还有第三种可能绑定到width本身，像这样:

[style.width.%]="countersDtl.SurveySubmittedInstant/(countersDtl.ServiceDone)*100"