ngStyle動態變量錯誤ERROR錯誤：找不到其他支持對象'ngStyleSmall'

Question

我有2個ngstyle變量

ngStyleSmall = {
        width: '150px !important',
        'max-width': '150px',
    };

    ngStylemedium = {
        width: '250px !important',
        'max-width': '400px',
    };

ls_style:string
ls_style="ngStyleSmall" // will be bringing from database 

<mat-form-field [ngStyle]="ls_style">  
     <input  [(ngModel)]="code" name="code"  matInput placeholder="Co."> 
</mat-form-field>

在html ng模型中，我想動態分配變量，怎么可能？

Answer 1

您應該將ngStyleSmall的值放入ls_style中嘗試：

this.ls_style = this["ngStyleSmall"];

見演示 。