用对象预填充下拉菜单

我正在尝试创建一个下拉菜单，并希望用对象预填充它。用对象预填充下拉菜单

<script> 
angular.module("myapp", []) 
    .controller("MyController", function($scope) {  
    $scope.country = { 
     id: "2", 
     name: "USA" 
    }; 

    $scope.countries = [{ 
     id: "1", 
     name: "India" 
    }, { 
     id: "2", 
     name: "USA" 
    }, { 
     id: "3", 
     name: "UK" 
    }, { 
     id: "4", 
     name: "Nepal" 
    }]; 
    }); 
</script> 

<div> 
    Country Name : 
    <select ng-model="country" ng-options="country as country.name for country in countries"></select> 
</div>

但是国家下拉菜单没有被预先填入国家对象，我不确定是什么问题。

的jsfiddle链接：http://jsfiddle.net/6qo3vs6c/

来源

2016-10-11 ishmam shahriar

你的意思是'ng-options'的默认值吗？如果这是你正在寻找，请参阅更多[这里]（http://stackoverflow.com/questions/20845210/setting-selected-values-for-ng-options-bound-select-elements）。 – DieuNQ

我想从单独的对象的默认值...我该怎么做？ –

正确使用你的小提琴。没有代码问题。 http://jsfiddle.net/codeandcloud/6qo3vs6c/1/ – naveen

删除country as和ng-options添加track by country.id。

<select ng-model="country" ng-options="country.name for country in countries track by country.id"></select>

Here是你的。见more。

希望这会有所帮助。

来源

2016-10-11 09:20:37 DieuNQ

用对象预填充下拉菜单

回答

相关问题