Question

我对RactiveJS有一个非常有趣的问题。我知道这是预期的行为，但我看不到任何解决方案/解决方法。

问题来自这一行：

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

简而言之，我有一个 Ractive 对象，引用了一个＆＃34; sub-ractive ＆＃34;对象。 Ractive 和每个 SubRactive 都有自己的模板。每个 SubRactive 中包含的值都通过无线电输入在DOM中表示。

乐趣来自于subractive的每个无线电输入具有相同的名称＆＃34;属性如果我们考虑DOM的观点（因此它们属于同一个＆＃34;无线电组＆＃34;），因为它们具有相同的密钥路径。从 SubRactive 的角度来看，无线电输入独立于其他 SubRactives 。

有没有办法消除这个用例的歧义？我无法将 Ractive 和 SubRactives 合并到一个 Ractive 对象中，因为每个 SubRactive 还有其他＆＃ 34;的 SubSubRactives ＆＃34; （等等）和一些无法轻易移动的行为/观察者。

Answer 1

如果您的整体设计支持它，您可以将每组input包裹在form标记中。（见Hexspeak）

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

使用RactiveJS的无线电输入列表

1 个答案: