ngStyle dynamic variable error ERROR Error: Cannot find a differ supporting object 'ngStyleSmall'

Question

I am having 2 variable's for 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>

In html ng model i want to assign variable dynamically, how its possible?

Answer 1

you should put value of ngStyleSmall into ls_style try:

this.ls_style = this["ngStyleSmall"];

see demo .