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