RactiveJS 的无线电输入列表

Question

RactiveJS 我有一个非常有趣的问题。我知道这是预期的行为，但我看不到任何 solution/workaround.

问题来自这一行：

<input type='radio' name="{{a}}" value="{{false}}">false

简而言之，我有一个 Ractive 对象，引用了一个“sub-ractive”对象数组。 Ractive 和每个 SubRactive 都有自己的模板。每个 SubRactive 中包含的值在 DOM 中由无线电输入表示。

有趣的是，如果我们考虑 DOM 的观点（因此它们属于相同的 "radio group"), 因为它们有相同的键路径。从 SubRactive 的角度来看，无线电输入独立于其他 SubRactives.

有没有办法消除这个用例的歧义？我无法将 Ractive 和 SubRactives 合并到一个 Ractive 对象中，因为每个 SubRactive 还有其他“SubSubRactives”（等等）和一些不能轻易移动的 behaviour/observers。

Answer 1

如果您的整体设计支持，您可以将每组 input 包装在一个 form 标记中。（参见 http://jsfiddle.net/mqf60w8v/）

<form>
<input type='radio' name="{{a}}" value="{{false}}">false
<input type='radio' name="{{a}}" value="{{true}}">true
</form>

RactiveJS 的无线电输入列表

List of radio inputs with RactiveJS

radio-button

ractivejs