将选择元素绑定到Angular 1.5

我不知道为什么当我运行我的页面时，选项呈现良好，但是当我在Chrome中执行一个检查元素时，我可以看到我的选项的值不好。它给我的价值=“对象：8”将选择元素绑定到Angular 1.5

<option label="Teacher" value="object:8">Teacher</option>

如果我在fiddle复制我的代码，它工作得很好。对于第一种选择的值是值=“1”

该“选择”元素在一个模态，其是在被称为在UI视图模板页

这是HTML

<select 
     x-ng-model="filteredCategory" 
     x-ng-options="category.name for category in categories" > 
    <option value="">-- Choose a category --</option> 
</select>

这段代码从控制器

app.controller('CategoriesController', function ($scope, $stateParams, $uibModal, RegistrationService) { 

    RegistrationService.getCategories().then(function(categories){ 
     $scope.categories = categories; 
    }); 
});

我测试了我的RESTful Web服务与邮差铬结果

[ 
    { 
    "id": 1, 
    "name": "Teacher" 
    }, 
    { 
    "id": 2, 
    "name": "Student" 
    }, 
    { 
    "id": 3, 
    "name": "Coordinator" 
    }, 
]

我的错误是什么？

来源

2016-09-16 Maximus Decimus

我发现这个article，这解释了为什么angular将我的值解析为object：＃。

我不知道为什么它不能在我的模态角度上工作，但在jsfiddle运作良好。

希望这可以帮助其他人。

来源

2016-09-25 01:25:14

将选择元素绑定到Angular 1.5

回答

相关问题