Список радиовходов с RactiveJS

У меня очень забавная проблема с RactiveJS. Я знаю, что это ожидаемое поведение, но я не вижу никакого решения/обходного пути.

Вот код: http://jsfiddle.net/qsgatse1/2/

Проблема исходит из этой строки:

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

В двух словах, у меня есть объект Ractive, ссылающийся на массив объектов sub-ractive. Ractive и каждый SubRactive имеют свой собственный шаблон. Значение, содержащееся в каждом SubRactive, представлено в DOM радиовходом.

Самое интересное заключается в том, что каждый радиовход субратива имеет один и тот же атрибут «имя», если мы рассматриваем точку зрения DOM (поэтому они принадлежат к одной и той же «радиогруппе»), потому что у них один и тот же ключевой путь. С точки зрения SubRactive радиовходы независимы от других SubRactive.

Есть ли способ устранить неоднозначность этого варианта использования? Я не могу объединить Ractive и SubRactives в один объект Ractive, потому что каждый SubRactive имеет также другие "< strong>SubSubRactives" (и так далее) и некоторые поведения/наблюдатели, которые не могут быть легко перемещены.


radio-button ractivejs
person Rémi Doolaeghe    schedule 26.05.2015    source источник
comment
Я думаю, что это та же проблема: github.com/ractivejs/ractive/issues/1937   -  person martypdx    schedule 26.05.2015
comment
Да, это то же самое. Спасибо   -  person Rémi Doolaeghe    schedule 27.05.2015
comment
Извиняюсь, я как-то случайно нажал на голосование против вашего вопроса! Это было непреднамеренно, и, видимо, я не могу его удалить. Очевидно, если вы отредактируете его, я могу отменить его, поэтому, если это имеет значение, сделайте тривиальное редактирование, и я изменю.   -  person martypdx    schedule 27.05.2015
comment
Я только что отредактировал, так что вы можете вернуть свой отрицательный голос :)   -  person Rémi Doolaeghe    schedule 28.05.2015

Ответы (1)


arrow_upward
1
arrow_downward

Если ваш общий дизайн поддерживает это, вы можете заключить каждый набор input в тег form. (см. http://jsfiddle.net/mqf60w8v/)

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