Question

在我的angular 5 app中，[ngStyle]没有扩展到style属性。我只看到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>

预期，尺寸= {宽度：＆＃39; 240px＆＃39;}：

<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

Answer 2

您也可以尝试以下方法：

<div *ngIf="ready" class="card" [ngStyle]="setStyles()">
</div>

public setStyles(): any {
    let styles = {            
        'width': '200px'
    };      
    return styles;
}

或

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

ngStyle没有得到应用

2 个答案: