javascript - Angular 使用 ng-model 选择一个选项

标签 javascript angularjs

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

相关文章:

javascript - 在最新版本的 Gatsby 的 gatsby-node.js 中找不到 getNode() 方法

javascript - (jQuery) .hover() 中淡入/淡出元素的问题

javascript - Angularjs UI 多选和初始选择

javascript - Angular 在网页中没有显示任何内容,清楚地显示数组中的数据

java - UI (Angularja) 和 Java WS 之间的安全性

java - 如何将多个对象从 Angular2 发送到 Java Spring 后端

javascript - 如何调试 "TypeError: A promise cannot be resolved with itself"

javascript - div 内容显示在文本框 HTML Javascript 上

javascript - arr.pop() 从其他数组中弹出元素

javascript - 日期倒计时不正确