Jak mogę wiązać styl, gdy nie wiem, co to jest? Mam model z zmienną łańcuchową, która zdefiniuje styl, na przykład:

myStyle1:string="margin-left:10px";
myStyle2:string="margin-right:5px";

Jak wiązać te dwie zmienne do div?

śledzić nie działa:

<div [style]="myStyle1"></div> <div [style]="myStyle2"></div>

0
Stefano 16 luty 2017, 13:10

2 odpowiedzi

Najlepsza odpowiedź

Zgodnie z moją wiedzą możesz to zrobić

HTML:

<div [ngStyle]="myStyle1"></div> <div [ngStyle]="myStyle2"></div>

Kod:

myStyle1={'margin-left':'10px'};
myStyle2={'margin-right':'5px'};
0
Ravinder Kumar 16 luty 2017, 10:33

Ta praca, potrzebujesz przekształcania ciągu na obiekt i ciąg musi być formatem JSON.

<div [ngStyle]="myStyle1"></div> <div [ngStyle]="getStyle()"></div>


Style:string="{"margin-right":"10px"}";
getStyle(){
   return (JSON.parse(this.Style));
}
0
Stefano 16 luty 2017, 12:04