Dropdownlist數據綁定在AngularJS中無法正常工作

我正在嘗試使用AngularJS將數據綁定到<select>標記。Dropdownlist數據綁定在AngularJS中無法正常工作

腳本

$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

可否請你建議我什麼建議？

謝謝。

來源

2015-09-07 Ragesh S

你有什麼數據可以顯示嗎？ –

在你的問題中粘貼你的'customerrouters'值。 – Vineet

因此，您在列出下拉列表中的元素時遇到問題。這裏是工作鏈路 Working

這是我的身體標記：

<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，我將其列在下拉列表中，並通過更改下拉列表中的值，文字將被更改。

來源

2015-09-07 07:35:52 Thinker

非常感謝您的寶貴回答:) –

沒問題，男人:) – Thinker

Dropdownlist數據綁定在AngularJS中無法正常工作

回答

相關問題