Css 角度2绑定所有样式

当我不知道是什么样式时，如何绑定样式？我有一个带有定义样式的字符串变量的模型，例如：

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

如何将这两个变量绑定到一个div

跟随不起作用：

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

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

---

据我所知，你可以这样做

HTML:

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

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

---

这项工作需要将字符串转换为对象，并且字符串必须是json格式

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


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

Style:string=“{”margin right:“10px”}”；
getStyle（）{
返回（JSON.parse（this.Style））；
}