Ошибка AngularJS между моделью и контроллером

Question

Ошибка AngularJS между моделью и контроллером

0

Я получаю список объектов с моего сервера в следующем формате:

[ { 'id' : 1, ... }, { 'id' : 2, ... }, { 'id' : 3, ... } ]

Я пытаюсь, чтобы позволить пользователю выбирать объекты с помощью radio кнопки. Вот следующий код HTML:

<input type="radio" ng-model="id" value={{ obj.id }} />

Я повторяю этот фрагмент кода для каждого объекта в списке. Проблема заключается в том, что при нажатии одной из кнопок появляется следующая ошибка:

Error: ngModel:numfmt
Model is not of type 'number'

Идентификатор каждого объекта явно является числом, так как следующий журнал консоли:

console.log(typeof (obj.id)); <- return 'number'

Но это все еще не работает. Может ли кто-нибудь помочь мне узнать, почему это ломается?

EDIT Код, повторяющийся через массив объектов:

<ul ng-repeat="obj in objectList>
   <li>
      <label><input type="radio" string-to-number ng-model="id" value={{ obj.id }} />
      {{ obj.id }}</label>
   </li>
</ul>

Yassine Badache 19 авг. 2016, в 16:41

Источник

0

Нет. numfmt относится к numerical format ошибки из автоматически генерируемой страницы Angular error. В нем говорится, что ошибка - это ошибка ngModel , а точнее ошибка numerical format . Что не имеет смысла для меня, потому что я дважды проверил внутри этого контроллера, что данные фактически являются числом. :(
Yassine Badache 19 авг. 2016, в 14:39
0

Можете ли вы показать код, который перебирает массив объектов?
Duly Kinsky 19 авг. 2016, в 14:40
0

Попробуйте ng-model="obj.id"
Washington Guedes 19 авг. 2016, в 14:41
0

что делает строка в число?
Duly Kinsky 19 авг. 2016, в 14:47
0

Извините, я снял его, это была директива, которая должна была преобразовать строку в число, но не сработала
Yassine Badache 19 авг. 2016, в 14:48
0

Вы пробовали идею @Guedes, это было бы моей следующей мыслью
Duly Kinsky 19 авг. 2016, в 14:58
0

Да, я не в состоянии продолжать экспериментировать, я вернусь в понедельник: /
Yassine Badache 19 авг. 2016, в 17:29

Показать ещё 5 комментариев

Теги:

javascript

string

angularjs

types

integer

1 ответ

Ещё вопросы

Нет. numfmt относится к numerical format ошибки из автоматически генерируемой страницы Angular error. В нем говорится, что ошибка - это ошибка ngModel , а точнее ошибка numerical format . Что не имеет смысла для меня, потому что я дважды проверил внутри этого контроллера, что данные фактически являются числом. :(
Можете ли вы показать код, который перебирает массив объектов?
Извините, я снял его, это была директива, которая должна была преобразовать строку в число, но не сработала
Вы пробовали идею @Guedes, это было бы моей следующей мыслью
Да, я не в состоянии продолжать экспериментировать, я вернусь в понедельник: /

georgeawg · Accepted Answer · 2016-08-19T16-10-00.000Z

HTML должен быть:

<ul ng-repeat="obj in objectList">
   <li>
      <input type="radio" name=group1 ng-model="group1.id" ng-value='obj.id' />
      {{ obj.id }
   </li>
</ul>
    <p>Model = {{group1.id}}</p>
</div>

Существует несколько проблем с кодом

Атрибут ng-model должен быть установлен в свойство объекта. (Используйте точку.)
Используйте ng-value для угловых выражений
Группа радиокнопки должна быть определена с помощью атрибута name.

ДЕМО на JSFiddle.