handlebars.js – 使用handleBars bindAttr作为复选框

前端之家收集整理的这篇文章主要介绍了handlebars.js – 使用handleBars bindAttr作为复选框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个backbone.js rails应用程序中使用句柄,我有一个布尔字段,我正在填充一个复选框.

当我加载编辑页面时,窗体将填充服务器JSON中的内容

{id:3,user:'test',checkBox:1}

现在在我的手柄形式,我想显示该复选框是1.

< input type="checkBox" name="checkBox" value="1" {{#if checkBox}} {{bindAttr checkBox checked="isSelected"}}{{/if}} >

但这并不返回选中的复选框.我真的很想知道如果checkBox = 1,但是我看不到如何用handlebars来做到这一点.

有什么建议么??

解决方法

你通常会做的是在’模型’中使用一个布尔值.
{
    isChecked: true
}

接着

<input type="checkBox" {{bindAttr checked="isChecked"}}>

如果Boolean为true,它将渲染checked属性,如果Boolean为false,它将省略该属性.所以如果isChecked是true,那么Handlebars会输出

<input type="checkBox" checked>

如果isChecked是假的,我们会得到

<input type="checkBox">

这是我们想要的!

猜你在找的JavaScript相关文章