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

あなたは初期値

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

パーフェクトはそんなにあなたに感謝設定するng-initを使用することができます！ – calthoff

コントローラ内でselectの値を使用してみましたか？ただ、これを見て：

<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でオプションを選択

答えて

関連する問題