ngModelは、私はMD-選択する選択ボックスを使用しようとしているが、NG-モデルが動作していないよう

Question

$scope.callFunction = function() { 
 
    console.log($scope.modelData); 
 
}

<md-select ng-model="modelData" ng-change="callFunction()"> 
 
    <md-option ng-repeat="x in tempData" ng-value="x">{{x}} 
 
    </md-option> 
 
</md-select>

を働いていません。私がどこに間違っているのか？

ng-change関数の出力は定義されていません。

Answer 1

使用$scope.modelData代わりにのみmodelData

$scope.modelData; 
 
$scope.callFunction = function() { 
 
    console.log($scope.modelData); 
 
}

<md-select ng-model="modelData" ng-change="callFunction()"> 
 
    <md-option ng-repeat="x in tempData" ng-value="x">{{x}} 
 
    </md-option> 
 
</md-select>

Answer 2

のそれは"undefined"をログに記録されていますか？おそらくモデルはあなたがコントローラ機能で$スコープを追加する必要がコントローラ$scope.modelName

// sometime data might not bind for object in that case you to declare this not always 
 
$scope.modelName; 
 
$scope.callFunction = function() { 
 
    console.log($scope.modelName); 
 
}

<md-select ng-model="modelName" ng-change="callFunction()"> 
 
    <md-option ng-repeat="x in tempData" ng-value="x">{{x}} 
 
    </md-option> 
 
</md-select>

Answer 3

とのより良い動作します。

angular.module('test') 
    .controller('TestController',['$rootScope','$http','$scope', 
     function ($rootScope,$http, $scope) { 
      $scope.callFunction = function() { 
      console.log($scope.modelData); 
     } 
}]) 

Answer 4

に$scope経由でアクセス可能ですconsole.log($scope.modelData);