2017-07-09 22 views
1

私は本のすべてを試しました。私はちょうどオプション1値= "1"ユーザーを事前に選択することはできません。私は角度のあるウェブサイトを使用しています。 ng-model = "type"を削除すると、あらかじめ選択されています。しかし、ちょうどそれをng-model = "type"で動作させることはできません。あらかじめ選択された選択肢の角度

<div class="form-group"> 
    <select name="type" id="type" class="form-control" ng-model="type"> 
     <option value="1" selected="selected">User</option> 
     <option>Broadcasters</option> 
    </select> 
</div> 
+0

は 'AngularJS'または' Angular'について、この質問ですか? – developer033

+0

angularjs申し訳ありません –

+0

それに応じてそれにタグを付けてください。 – developer033

答えて

0

あなたは

<select name="type" ng-model="selected" ng-init="selected='1'" id="type" class="form-control" ng-model="type"> 

DEMO

var app = angular.module('myApp', []); 
 
app.controller('AppCtrl', function($scope) { 
 
    
 
});
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
</head> 
 

 
<body> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="AppCtrl"> 
 
    <div class="form-group"> 
 
    <select name="type" ng-model="selected" ng-init="selected='1'" id="type" class="form-control" ng-model="type"> 
 
     <option value="1" >User</option> 
 
     <option>Broadcasters</option> 
 
    </select> 
 
</div> 
 
</div> 
 
</body> 
 

 
</html>

、デフォルト選択された値を設定するには、NG-initでNG-モデルを使用することができます
+1

良い例として、 'ng-init' **は非常に必要なとき、すなわち' ng-repeat'の中で何かを初期化/エイリアスするときにだけ使わなければなりません。この単純なケースでは 'ng-init'を使用する必要はありません。 [** docs **](https://docs.angularjs.org/api/ng/directive/ngInit)を確認してください。また、(両方のマークアップで) '