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

10-09 23:51
查看更多