Question

我已经使用了＆＃34; ngoptions＆＃34;在我的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'}
];

我无法绑定血型。除了血型之外每个人都被插入数据库。我没有得到我错的地方。任何人都可以帮助我。

Answer 1

您正在对名为ng-options的媒体资源bloodgroups进行操作，但控制器中的数组为bGroups。

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

请参阅jsBin

Answer 2

您定义的数据的数据引用错误。在您的控制器中应该像这样匹配您的绑定：

 $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>

Angularjs - 无法使用ngoptions绑定数据

2 个答案: