javascript - active 单选按钮绑定(bind) - 保留名称

Question

我知道要将 ractive 变量绑定(bind)到单选按钮，最简单的方法是

<input type="radio" name="{{myVar}}" value="1" checked>

在模板中，但名称上的大括号保留在 html 中。有没有什么聪明的方法让它输出

<input type="radio" name="myVar" value="1" checked>

在 html 中，所以我不必更改表单处理？我已经尝试了一些逻辑

<input type="radio" name="myVar" value="1" {{#myVar==1}}checked{{/myVar==1}}

但这不具有约束力。

另外，不太重要的是，有没有办法将它绑定(bind)为一个数值，就好像我有

data:{myVar:1}

那么按钮没有被选中？

Answer 1

Ractive 将花括号添加到输入名称中，以防止 name='{{myVar}}' 和 name='myVar'< 之间(极不可能)发生冲突的可能性 - 没有其他原因。绑定(bind)是在呈现元素时创建的；之后名字变成什么无关紧要。

因此，虽然一开始就无法阻止添加大括号，但您当然可以在之后更改它们:

ractive.findAll('input[type="radio"]').forEach( function(input) {
  input.name = input.name.replace('{{','').replace('}}','');
});

例如，如果您使用 Ractive.extend() 创建组件，这可能是 init() 方法的一部分。

它不应该有数值问题，至少在最后发布的版本 ( 0.3.9 ) 和当前开发版本 ( 0.4.0 ) 是这样。有关示例，请参见此 fiddle :http://jsfiddle.net/rich_harris/7qQZ8/