我正在使用 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/