ngStyle动态变量错误ERROR错误：找不到其他支持对象'ngStyleSmall'

Question

我有两个用于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 try中：

this.ls_style = this["ngStyleSmall"];

请参见demo。