Angular 2绑定所有样式

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));
}