Angular 2 bind all style

Question

как я могу привязать стиль, когда я не знаю, что это такое? Я модель с переменной строкой, которые определяют стиль, например:

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

как можно связать эти две переменные в DIV?

последующих не работает:

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

Answer 1

По моему знанию вы можете сделать, как этот

HTML:

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

Код:

myStyle1={'margin-left':'10px'}; 
myStyle2={'margin-right':'5px'}; 

Answer 2

Эта работа, вам нужно преобразовать строку в объект, а строка должна быть json-форматом.

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


Style:string="{"margin-right":"10px"}"; 
getStyle(){ 
    return (JSON.parse(this.Style)); 
}