AngularJS - 選択されたモデルが正常に動作しない

Question

AngularJS selected localyticsドロップダウンからオプションを選択したときに値を取得しようとしています。ここ は、ドロップダウンのためのコードです：

<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)"> 

そして、私のコントローラで私は、次の機能を持っている：私は、アラートを使用すると

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

は、それが代わりにどのように値 を示すの「未定義」私を見ます私はこれを解決する？

ありがとう：

実際のスクリーンショットされ、これはOKだと私は私が選択した検索を使用していない値を取得しますが、私が使用している場合、それはここで....働いていない「選ばれました」たくさん。

Answer 1

も、NG-モデルのオブジェクトは$自体がscope.somethingされているので、

alert(StudentId) 

が

alert($scope.StudentId) 

になっ置き換える

に試してみて、私はこのような場合、あなたにはないと思いますparamが必要です。 $の範囲だが、私はあなたがボタンをクリックする前に、オプションを選択していないと思う読みやすく

Answer 2

のために編集

を行いますあなた

のためにそれをカバーしているため、単にそれを無視。このオプションを選択すると、これはうまく動作します。

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>