基于值控制knockoutjs中的样式

Controlling styles in knockoutjs based on the values

本文关键字:样式 knockoutjs 于值 控制      更新时间:2023-09-26

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

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

我想有条件地给出一个css样式为"margin-left:1px",如果数据。第二个div的名称为"(空)else "margin-left:0px"如何使用knocket js实现这一点?

使用样式数据绑定

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

请注意,它被写为marginLeft而不是margin-left