下拉列表数据绑定在AngularJS中不能正常工作
下拉列表数据绑定在AngularJS中不能正常工作
提问于 2015-09-07 15:21:07
我正在尝试使用AngularJS对<select>标签进行数据绑定。
脚本
$scope.customerrouters = [];
$http.post("/Customer/GetCustomerRouterList").success(function (data) {
$scope.customerrouters = data;
});
$scope.selectedrouters = null;Html
<select class="form-control" ng-options="r as r.Name for r in customerrouters" ng-model="selectedrouters">
<option value="">-- Select --</option>
</select>问题是dorpdownlist的呈现方式如下图所示：
渲染的html
怎样才能让元素出现呢？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-09-07 15:35:53
因此，在下拉列表中列出元素时会出现问题。下面是工作链接Working
这是我的body标签：
<body ng-controller="MainCtrl">
<input type="text" ng-model="text" />
<select ng-model="selectedOption" ng-options="option.name for option in options">
</select>
{{ selectedOption.value }}
</body>这是我的控制器：
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.options = [{
name: 'a',
value: 'something-cool-value'
}, {
name: 'b',
value: 'something-else-value'
}];在这里，我有一个json数据，在控制器MainCtrl的帮助下，我将它列在dropdown中，通过更改dropdown中的值，文本将被更改。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32433164
复制相关文章
相似问题