Angular在ng-model中选择一个选项

我使用的是AngularJS，我无法弄清楚如何在包含ng-model的下拉菜单中选择一个选项。Angular在ng-model中选择一个选项

例如，该选择一个选项：

<select name="type" class="input"> 
     <option value="article">Article</option> 
     <option ng-selected="true" value="book">Book</option> 
     <option value="class">Class</option> 
</select>

但只要我添加NG-模式，与NG选择不再被选中的选项：

<select name="type" class="input" ng-model="select"> 
     <option value="article">Article</option> 
     <option ng-selected="true" value="book">Book</option> 
     <option value="class">Class</option> 
    </select>

任何想法如何解决这个问题？

来源

2017-06-23 calthoff

您可以使用ng-init设置初始值

DEMO

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
});

<!DOCTYPE html> 
 
<html ng-app="myApp"> 
 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 
<title>Hello AngularJS</title> 
 
</head> 
 

 
<body ng-controller="myCtrl">  
 
<select name="type" class="input" ng-init="select='book'" ng-model="select"> 
 
     <option value="article">Article</option> 
 
     <option value="book">Book</option> 
 
     <option value="class">Class</option> 
 
    </select> 
 
<script src="https://code.angularjs.org/1.6.1/angular.js"></script> 
 
</body> 
 
</html>

来源

2017-06-23 04:01:04 Sajeetharan

完美太感谢你了！ – calthoff

您是否尝试过使用控制器内部的选择值。只要看看这个：

<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
$scope.select= "book"; 
}); 
</script>

来源

2017-06-23 03:58:30 user8193706

Angular在ng-model中选择一个选项

回答

相关问题