Angular Select List Wert nicht verbindlich mit statischen Werten

Question

Ich habe die grundlegende Markup und js unten. Ich habe den ganzen Tag gesucht, kann aber die Lösung nicht finden, um den ausgewählten Optionswert zu erhalten.

AngularJS Version: v1.5.0

html

<div ng-controller="AppCtrl"> 
<select class="form-control" ng-model="selectedValue"> 
    <option value="1">Value 1</option> 
    <option value="2" >Value 2</option> 
    <option value="3">Value 3</option> 
</select> 

<button ng-click="getValue()">Try</button> 
</div> 

js

var MyApp= angular.module('MyModule', []); 
MyApp.controller('AppCtrl', function($scope) { 
    $scope.getValue = function() { 
     console.log($scope.selectedValue); 
    } 
}); 

console.log ($ scope.selectedValue) gibt undefined

Answer 1

Ich habe gerade

<button ng-click="getValue()">Try</button> 

zu

<button ng-click="getValue(selectedValue)">Try</button> 

und

$scope.getValue = function() { 
     console.log($scope.selectedValue); 
    } 

zu

$scope.getValue = function (param) { 
     $scope.selectedValue = param; 
     console.log($scope.selectedValue); 
    }