Angular JS: Übergeben Sie einen Formularauswahloptionswert an Datenbank funktioniert nicht

Question

Ich habe derzeit ein Formular mit einem <select> und Optionen wie folgt. Ich versuche, die Werte in meine db zu übergeben, aber beim Ausführen der App-Kategorie kommt als undefined. Das Formular verwendet ng-controller = "eventCtrl"

Formularauswahlcode unten.

<div class="input-field col s5"> 
<select class="browser-default"> 
    <option value="" disabled selected>Choose your category</option> 
    <option value="Mountain" ng-model="category">Mountain</option> 
    <option value="Forest" ng-model="category">Forest</option> 
    <option value="Beach & Sea" ng-model="category">Beach & Sea</option> 
    <option value="Fresh Water" ng-model="category">Fresh Water</option> 
    <option value="Aero" ng-model="category">Aero</option> 
    <option value="Desert" ng-model="category">Desert</option> 
</select> 
</div> 

Below eventCtrl-Code.

angular.module('socialApp') 
.controller('eventCtrl', function($scope, $http) { 
    $scope.createEvent = function() { 
    $http.post('/events/createEvent', { 
    title: $scope.title, 
    category: $scope.category, 
    city: $scope.city, 
    state: $scope.state, 
    date: $scope.date, 
    time: $scope.time, 
    description: $scope.description 
    }) 
    .then(function(result) { 
    console.log(result.data.status); 
    console.log(result); 
    }) 
}; 
}); 

Ich bin so verloren mit diesem bitte helfen!

Answer 1

Das ng-model Attribut sollte als so anstelle jedes option Element auf dem select Element sein:

<div class="input-field col s5"> 
<select class="browser-default" ng-model="category"> 
    <option value="" disabled selected>Choose your category</option> 
    <option value="Mountain">Mountain</option> 
    <option value="Forest">Forest</option> 
    <option value="Beach & Sea">Beach & Sea</option> 
    <option value="Fresh Water">Fresh Water</option> 
    <option value="Aero">Aero</option> 
    <option value="Desert">Desert</option> 
</select> 
</div> 

ich auf jeden Fall die documentation auf diese nachschauen würde, da es sehr detailliert ist!

Answer 2

Betrachten ngOptions wie folgt aus:

<select ng-model="category" 
     ng-options="obj as obj.name for obj in arrayOfObject" /> 

Der eine als b Syntax können Sie ein an das Modell binden, während b zeigt für die Drop-Down-Label.

Wenn in Fall, dass Sie den Wert auf Änderung Gebrauch erhalten müssen ng-change="getSelectedValue(category)"