Anjular js - zwei SELECT-Boxen arbeiten aber nur eine

Question

Ich habe wie 2 Auswahlbox in meiner Seite hinzugefügt unter

    <div layout> 

         <md-input-container> 
          <label>Gender</label> 
          <md-select ng-model="selectedUser"> 
           <md-option ng-value="user" ng-repeat="user in users">{{ user.sex }}</md-option> 
          </md-select> 
         </md-input-container> 
         </div> 
        <div layout> 

         <md-input-container> 
          <label>Location</label> 
          <md-select ng-model="selectedLocation"> 
           <md-option ng-value="location" ng-repeat="loca in locations">{{ loca.location }}</md-option> 
          </md-select> 
         </md-input-container> 
        </div> 

Und js ist wie diese

angular 
     .module('selectionApp', ['ngMaterial']) 
     .controller('sliderCtrl', sliderCtrl); 

     function sliderCtrl ($scope) { 

     $scope.users = [ 
      { id: 1, sex: 'Male' }, 
      { id: 2, sex: 'Female' } 
     ]; 

     $scope.locations = [ 
      { id: 1, location: 'A' }, 
      { id: 2, location: 'B' }, 
      { id: 3, location: 'C' } 
     ]; 
    } 

Diese Last Geschlecht Auswahlbox korrekt und zweite Auswahlbox lädt die Optionen, aber ich kann die spezifische Option nicht auswählen. Jedes Mal, wenn ich es neu lade, wähle die Option "C". Ich möchte wissen, wie ich das beheben kann.

Jede Hilfe hoch schätzen. Danke,

Answer 1

ändern ng-value = "location" ng-value = "loca"

Ihr Problem lösen können ...

viel Glück ..