angular - ngStyle 没有得到应用

Question

在我的 Angular 5 应用程序中，[ngStyle] 没有扩展到样式属性。我只看到 ng-reflect-ng-style。这曾经工作过。最近对 Angular 或 Angular-cli 的更新有什么变化吗？

这是模板:

<div *ngIf="ready" class="card" [ngStyle]="dimensions">
</div

这是生成的 HTML:

<div _ngcontent-c6="" class="card ng-tns-c6-1" ng-reflect-ng-style="[object Object]">

</div>

预期，尺寸 = {width: '240px'}:

<div _ngcontent-c6="" class="card ng-tns-c6-1" ng-reflect-ng-style="[object Object]" style="width:240px">

</div>

Answer 1

你可以直接在模板中使用它-

[ngStyle]="{'width.px': 200}"

或

dimensions = {'width.px': 200};
<div *ngIf="ready" class="card" [ngStyle]="dimensions">
</div