Wie benutze ich ein Auswahlmenü für die Benutzerregistrierung in AngularJS?

Question

Mein aktueller Code:

<select ng-model="user.userType" ng-required="true" class="form-control"> 
    <option value="pharmacist">Pharmacist</option> 
    <option value="chief_pharmacist">Chief Pharmacist</option> 
    <option value="doctor">Doctor</option>  
</select> 

//sample code 

Ich brauche drei Arten Benutzer im Auswahlmenü zu sein und den ausgewählten Wert in die Datenbank zu übergeben.

Answer 1

Sie müssen einen Winkelregler mit Ihrer Ansicht verwenden, so.

var myApp = angular.module('myApp', []); 
 

 
myApp.controller('MyController', ['$scope', function($scope){ 
 
    $scope.user = {}; 
 
    
 
    $scope.registerUser = function(){ 
 
    alert($scope.user.userType); 
 
    }; 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div ng-app="myApp"> 
 
    <div ng-controller="MyController"> 
 
    <select ng-model="user.userType" ng-required="true" class="form-control"> 
 
       <option value="pharmacist">Pharmacist</option> 
 
       <option value="chief_pharmacist">Chief Pharmacist</option> 
 
       <option value="doctor">Doctor</option> 
 

 
    </select> 
 
    <button ng-click="registerUser()">register</button> 
 
    </div> 
 
</div>

Answer 2

Dies könnte Ihnen helfen, habe ich zwei Möglichkeiten aufgeführt, dies zu erreichen, haben auch erwähnt, welchen Wert sollte man (ich ziehe vorbei id statt name) übergeben:

Plnkr