AngularJS: значение формы привязки ng-model-options при Submit не работает с несколькими вариантами выбора

Question

AngularJS: значение формы привязки ng-model-options при Submit не работает с несколькими вариантами выбора

0

У меня есть форма с тремя переключателями и отложенная привязка к модели при нажатии кнопки submit. Живой пример здесь

Это прекрасно работает в сценарии счастливого пути:

Выберите radio1 > click submit в результате получим radio1.

Но в следующем сценарии он ломается:

Выберите radio1> нажмите submit>, чтобы передать radio1
Теперь выберите radio2 > then radio3 > и нажмите кнопку submit.
Это дает radio2 вместо radio3 как значение границы.

В принципе, если я делаю несколько изменений в радиогруппе, захватывается только первое изменение. Как я могу изменить это поведение, чтобы вместо этого отразить последнее изменение?

nikjohn 25 нояб. 2015, в 23:00

Источник

Теги:

angularjs

data-binding

angular-ngmodel

options

1 ответ

Ещё вопросы

MaheshKumar · Accepted Answer · 2015-11-25T19-46-00.000Z

Вы должны использовать allowInvalid: true в ngModelOptions для правильной проверки корректности, а не для поведения по умолчанию для установки неопределенной модели. См. Документацию.

<input type="radio" name="radio" value="radio1" ng-model="radioValue" ng-model-options="{updateOn: 'submit', allowInvalid : true}" >
      <input type="radio" name="radio" value="radio2" ng-model="radioValue" ng-model-options="{updateOn: 'submit', allowInvalid : true}">
      <input type="radio" name="radio" value="radio3" ng-model="radioValue" ng-model-options="{updateOn: 'submit', allowInvalid : true}">

Рабочая ссылка Plunker

Brilliant. Это работает как шарм. Я должен был прочитать лучше. Благодаря тонну!!