2015-05-26 66 views
1

我有一個非常有趣的問題RactiveJS。我知道這是預期的行爲,但我看不到任何解決方案/解決方法。與RactiveJS無線電輸入列表

下面是代碼:http://jsfiddle.net/qsgatse1/2/

的問題來自於這一行:

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

在幾個字,我有一個Ractive對象,引用「子ractive的陣列「對象。 Ractive和每個SubRactive都有其自己的模板。包含在每個SubRactive中的值在DOM中由無線電輸入表示。

有趣的是,如果我們考慮DOM的觀點(因此它們屬於同一個「無線電組」),subractive的每個無線電輸入都具有相同的「名稱」屬性,因爲它們具有相同的的keyPath。從SubRactive的角度來看,無線電輸入獨立於其他的輸入SubRactives

有沒有一種方法來消除這個用例的歧義?我不能合併RactiveSubRactives成一個單一的Ractive對象,因爲每個SubRactive也使得其他「SubSubRactives」(等),並不能輕易移動的一些行爲/觀察員。

+1

我認爲這是同一個問題:https://github.com/ractivejs/ractive/issues/1937 – martypdx

+0

是的,這是一樣的。謝謝 –

+0

道歉,我不知何故意外地點擊了你的問題的反對票!不是故意的,顯然我不能刪除它。顯然,如果你編輯它,我可以複製,所以如果它很重要,請做一個微不足道的編輯,我會改變。 – martypdx

回答

1

如果您的整體設計支持它,您可以將每套input s包裝在form標籤中。 (見http://jsfiddle.net/mqf60w8v/

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

它做到了!感謝您的快速回答。 –