角度选择列表值不与静态值绑定

Question

我有下面的基本标记和 js。我已经搜索了一整天，但无法找出获得所选选项值的解决方案。

AngularJS 版本： 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) 返回未定义

Answer 1

我刚刚换了

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

到

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

和

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

到

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