Speichern Sie den Wert der Auswahl aus Dropdown auf eine Variable AngularJS

Question

Ich möchte den Wert einer Auswahl aus einem Drop-down in AngularJS speichern.

Ich bin in der Lage, die neue Auswahl auf UI zu replizieren, aber nicht in der Konsole.

<div ng-controller="MyCtrl"> 
<div> 
    Fruit List: 
    <select id="fruitsList" 
     ng-model="cart" 
      ng-change="getSelectedLocation()" 

     ng-options="state for state in shelf"></select> 
     <br/> 
    <tt>Fruit selected: {{cart}}</tt> 
</div> 

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

myApp.controller('MyCtrl', function($scope) { 

    $scope.cart = ""; 

    $scope.shelf = ['Banana', 'Apple', 'Pineapple', 'Blueberry']; 

    $scope.getSelectedLocation = function() { 
    console.log($scope.cart); 
    } 

    $scope.printSelectedValue = function() { 
    if ($scope.cart == 'Banana') { 
     console.log("Its a banana") 
    } else if ($scope.cart == "Apple") { 
     console.log("Its an apple") 
    } else { 
     console.log("Its neither a banana nor an apple") 
    } 
    } 

}); 

Jede Idee, wie das erreichen?

jsfiddle link

Answer 1

Sie drucken den Wagen einmal, wenn der Controller instanziiert wird. Zu dieser Zeit hatte der Benutzer noch keine Möglichkeit, etwas auszuwählen.

Wenn Sie die Auswahl jedes Mal, es ändert sich drucken möchten, verwenden Sie ng-Änderung (Sie verwenden es bereits, BTW):

ng-change="printSelection()" 

und in der Steuerung:

$scope.printSelection = function() { 
    console.log($scope.cart); 
};