2015-05-26 3 views
1

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

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

Проблема возникает из строки:

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

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

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

Есть ли способ устранить этот прецедент? Я не могу объединить теля Тяговая и SubRactives в одном теля Тяговая объекта, потому что каждый 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

Он сделал трюк! Спасибо за быстрый ответ. –

Смежные вопросы