Javascript 基于值控制knockoutjs中的样式

Javascript 基于值控制knockoutjs中的样式,javascript,html,knockout.js,Javascript,Html,Knockout.js,我使用knockoutbinding动态生成了两个div,如下所示: <div id="simdivs" data-bind="text:$data.Name,visible:$data.Name !== undefined"></div> 如果第二个div中的data.Name为“”(空),则我希望有条件地将css样式设置为“margin left:1px”,否则“margin left:0px” 如何使用knockout js实现这一点?使用样式数据绑定 <

我使用knockoutbinding动态生成了两个div,如下所示:

<div id="simdivs" data-bind="text:$data.Name,visible:$data.Name !== undefined"></div>

如果第二个div中的data.Name为“”(空),则我希望有条件地将css样式设置为
“margin left:1px”
,否则
“margin left:0px”

如何使用knockout js实现这一点?

使用样式数据绑定

<div id="simdivs" data-bind="style: {marginLeft: $data.Name === null ? '1px' : '0px'}></div>