AngularJS binden

Question

Ich verwende Winkel 1.5.2 zu wählen und ich versuche, zu binden, meine select wie folgt aus:

<label>Role</label> 
<div class="form-group"> 
    <div> 
     <select id="role" class="form-control" name="role" > 
      <option value="1" ng-model="employeeCtrl.employee.RoleId" name="role" id="intern">Stagiair</option> 
      <option value="3" ng-model="employeeCtrl.employee.RoleId" name="role" id="employee">Werknemer</option> 
      <option value="4" ng-model="employeeCtrl.employee.RoleId" name="role" id="companyadmin">Bedrijfadmin</option> 
     </select> 
    </div> 
</div> 

Aber es funktioniert nicht. Wenn ein Benutzer die Rolle 4 hat, wird immer noch 1 angezeigt?

Answer 1

Setzen Sie die ngModel auf dem select Element:

<select id="role" class="form-control" name="role" ng-model="employeeCtrl.employee.RoleId"> 
    <option value="1" name="role" id="intern">Stagiair</option> 
    <option value="3" name="role" id="employee">Werknemer</option> 
    <option value="4" name="role" id="companyadmin">Bedrijfadmin</option> 
</select> 

Answer 2

Sie ng-model="employeeCtrl.employee.RoleId" in select-Tag statt option Tag

<select id="role" class="form-control" ng-model="employeeCtrl.employee.RoleId" > 
     <option value="1" name="role" id="intern">Stagiair</option> 
     <option value="3" name="role" id="employee">Werknemer</option> 
     <option value="4" name="role" id="companyadmin">Bedrijfadmin</option> 
    </select> 

Siehe PLUNKER DEMO