Angularjs - не в состоянии связывать данные с ngoptions

0

Я использовал "ngoptions" на моей странице html для выпадающего списка, как показано ниже.

<select id="bgroup" ng-model="formData.bGroup" ng-options="bGroup.name for bGroup in bloodGroups"><br>
     <option value="">---Blood Group---</option>
</select><br>

И это мой код в контроллере

 $scope.formData = {};
$scope.bGroups = [
    {name:'A +ve'},
    {name:'A -ve'},
    {name:'B +ve'},
    {name:'B -ve'},
    {name:'AB +ve'},
    {name:'AB -ve'},
    {name:'O +ve'},
    {name:'O -ve'}
];

Я не могу связать группу крови. Кроме группы крови, каждый другой встает в базу данных. Я не понимаю, где я ошибся. Может ли кто-нибудь помочь мне.

Теги:

2 ответа

1
Лучший ответ

Вы используете ng-options для свойства, называемого bloodgroups но массив в вашем контроллере - это bGroups.

ng-options="bGroup.name for bGroup in bGroups"

См. JsBin

0

Данные данных неверны для данных, которые вы определили. В вашем контроллере должно быть так, чтобы оно соответствовало вашей привязке:

 $scope.formData = {
     bGroups: [
         {name:'A +ve'},
         {name:'A -ve'},
         {name:'B +ve'},
         {name:'B -ve'},
         {name:'AB +ve'},
         {name:'AB -ve'},
         {name:'O +ve'},
         {name:'O -ve'}
     ]
};

и в вашем элементе:

<select id="bgroup" ng-model="formData.bGroup" ng-options="bGroup.name for bGroup in bGroups"><br>
     <option value="">---Blood Group---</option>
</select><br>
  • 0
    Это JS требует, чтобы вы изменили параметры ng на bGroup.name for bGroup in formData.bGroups .

Ещё вопросы

Сообщество Overcoder
Наверх
Меню