javascript - AngularJS - 选择的 ng-model 无法正常工作

Question

当我从 AngularJS 选择的 localytics 下拉列表中选择一个选项时，我试图获取值(value)。这是下拉列表的代码:

<select chosen style="width: 250px"
        ng-model="StudentId"
        ng-options="allStudent.StudentId as allStudent.Name for allStudent in allStudent">
        <option value="">Select</option>
</select>
<h2>Chosen with static options: {{ StudentId }}</h2>
<input type="button" value="Search" ng-click="GetStdCourseList(StudentId)">

在我的 Controller 中我有以下功能:

    $scope.GetStdCourseList = function (StudentId) {
        alert(StudentId);
    };

当我使用警报时，它显示“未定义”而不是显示值我该如何解决这个问题？

实际上这是可以的，当我不使用选择的搜索时我会获得值(value)，但是当我使用“选择”时它不起作用......这是屏幕截图:

非常感谢。

Answer 1

我认为您在单击按钮之前没有选择任何选项。当我选择该选项时，这对我来说效果很好。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.allStudent = [{StudentId: 0, Name: 'name1'}, {StudentId: 1, Name: 'name2'}];
     $scope.GetStdCourseList = function (StudentId) {
        alert(StudentId);
    };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <select chosen style="width: 250px"
          ng-model="StudentId"
          ng-options="allStudent.StudentId as allStudent.Name for allStudent in allStudent">
          <option value="">Select</option>
  </select>

  <h2>Chosen with static options: {{ StudentId }}</h2>
  <input type="button" value="Search" ng-click="GetStdCourseList(StudentId)">
</div>