ngModel nicht funktioniert

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>

Ich versuche, die md-Auswahl Auswahlbox zu verwenden, aber das ng-Modell scheint nicht zu funktionieren. Irgendeine Idee, wo ich falsch liege?

Die Ausgabe in ng-change-Funktion wird als undefiniert ausgegeben.

Answer 1

Verwendung $scope.modelData statt nur 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

Ist es "undefined" Anmeldung? wahrscheinlich wäre besser mit console.log($scope.modelData);

Answer 3

die Modelle über $scope in der Steuerung zugänglich sind $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 4

Sie müssen $ scope in Controller-Funktion hinzuzufügen.

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