我正在使用AngularJS,但无法弄清楚如何在包含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-model,就不再选择ng-selected选项:
<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>
任何想法如何解决这个问题?
最佳答案
您可以使用ng-init
设置初始值
演示
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>
关于javascript - Angular用ng-model选择一个选项,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44712717/