id come ng-model per select in angularjs

Question

Non ricevo il valore id del valore dell'opzione dell'elemento selezionato del tag.

<div ng-controller="UserCreationCtrl"> 
    <form novalidate="novalidate" class="form-horizontal"> 
     <div class="control-group"> 
      <label class="control-label" for="inputFirstName">First name:</label> 

      <div class="controls"> 
       <input type="text" id="inputFirstName" ng-model="doctor.firstName" placeholder="First name"/> 
      </div> 
     </div> 

     <div> 
      <span class="nullable"> 
       <select ng-model="user.lookupId" ng-options="select as speciality.lookupName for speciality in specialityList" ng-change="selectedSpecilaty()"> 
        <option value="">-- choose speciality --</option> 
       </select> 
      </span> 
     </div> 
    </form> 
</div> 

mio regolatore

app.controller('UserCreationCtrl', ['$scope', 
    function ($scope) { 

    $scope.specialityList = [ 
           {lookupId : 1, lookupName: 'speciality1'}, 
           {lookupId : 2, lookupName: 'speciality2'}, 

           {lookupId : 4, lookupName: 'speciality6'}, 
           {lookupId : 3, lookupName: 'speciality3'} 
           ]; 

    $scope.user = {firstName: 'first name value', lookupId : 4}; 

    $scope.selectedSpecilaty = function() 
    { 
     alert($scope.user.lookupId); 
    } 
}]);  

Come posso fare questo. la casella di avviso che indica il valore come "non definito".

Answer 1

ng-options i motivi possono essere fonte di confusione per iniziare, in quanto ci sono un bel po '.

Quello che hai scritto significa in questo momento:

select  as  speciality.lookupName for speciality in specialityList 
^-- the value to set to ^-- what to display  ^-- iteree name ^-- iterables 

Quindi le variabili che avete a disposizione nell'espressione sei everythin è stato definito sulla portata e la specialty variabili contestuale. Quando selezioni qualcosa, lo assegnerà a select, che è effettivamente undefined.

Quello che stai cercando è

ng-options="speciality.lookupId as speciality.lookupName for speciality in specialityList" 

Questo imposterà il valore di ciò che ng-model sta indicando ai specialty contestuali l' lookupId

Answer 2

Devi cambiare la chiave select che si riferisce a la chiave value specificata nel numero ng-options. Dal momento che la chiave è valuespecialità quindi di legarsi user.lookupId al vostro ng-model con del lookupId, devi cambiare selezionare l'opzione attualmente selezionata a specialty.lookupId

Così il vostro select'sng-options dovrebbe essere:

<select ng-model="user.lookupId" ng-options="speciality.lookupId as speciality.lookupName for speciality in specialityList" ng-change="selectedSpecilaty()"> 
    <option value="">-- choose speciality --</option> 
</select>