基于值控制knockoutjs中的样式
Controlling styles in knockoutjs based on the values
我有两个使用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
相关文章:
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- knockoutjs可观察数组
- 将样式表插入iframe
- 跟踪在页面加载时应用内联样式的JavaScript
- 如果文本字段为空,则使用JavaScript应用CSS样式
- KnockoutJS-组件-多个实例
- 定义完全独立的样式信息
- 从复选框和Selects-KnockoutJS中获取值的总和
- W3C循环样式的JavaScript
- jQuery/JavaScript在线公文包表单-打印样式表
- 使用递归、Ramda.js和无点样式重构字符串的getPermutations()
- FF和Chromium中CSS样式按钮的外观差异
- 如何首先设置样式<td>表中包含在窗体中的元素
- javascript问题正文样式
- 使用具有内联样式的tidy-html5
- DataTables-创建自定义分页样式(加载更多样式)
- 具有所有样式的文本正在复制到可编辑文本区域
- 基于值控制knockoutjs中的样式
- KnockoutJS,使用2D数组进行样式绑定
- 根据条件更改按钮的样式(使用KnockoutJS)