Неортодоксальная структура формы в угловатых формах

Я пытаюсь использовать angular-formly для создания своих форм, и единственное, что я не могу понять, это форма, которая имеет немного странную структуру. Итак, структура формы такая:

[checkbox]
[radio]
[text-input]

[checkbox]
[radio]
[text-input]

[checkbox]
[radio]
[text-input]

Пример HTML-структуры результата (очень грубый): http://jsbin.com/bebinivaba/edit?html,output

...

Проблема в том, что радиокнопки должны быть из одной радиогруппы. И единственный способ, который я видел, - это указать параметры в объекте «параметров» в свойстве templateOptions. Так что, кажется, нет никакого способа вставить что-либо между переключателями...

Я использую шаблон Bootstrap для рендеринга полей.


angularjs angular-formly
person bitstream    schedule 14.10.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я думаю, это то, что вы ищете: http://kentcdodds.jsbin.com/pemalec/edit?html,js,output

По сути, вы просто должны указать name для каждого определения поля, которое будет одинаковым для всех них. В моем примере я генерирую это так:

var radioName = new Date().getTime() + 'radios';

Просто чтобы убедиться, что это уникально, но вы можете использовать uuid или что-то в этом роде. Я рекомендую сгенерировать его таким образом, иначе вы можете столкнуться с другими радиоприемниками с таким же именем, которое вы не хотите иметь с таким же именем :-)

person kentcdodds    schedule 14.10.2015
comment
Проблема в том, что в моем макете параметры радио не расположены рядом друг с другом, а имеют ввод текста и флажок между ними... Что-то вроде этого: jsbin.com/bebinivaba/edit?html,output - person bitstream; 14.10.2015
comment
Теперь я понимаю! Пример был не тем, что я искал, но в конце концов я его получил! Большое спасибо!!! - person bitstream; 14.10.2015