css - Angular 2 绑定(bind)所有样式

Question

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

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

如何将这两个变量绑定(bind)到一个 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'};