ng-model值未在控制器中更新：Angular js

Question

I used this technique in another place and it worked but in this case it is not working. Here lane_title shows undefined. Am I missing something here.

<input type="text" ng-model="lane_title" placeholder="Title of the lane" >
<button ng-click="testScope()">Create</button>

In controller:

$scope.testScope = function(){
    alert($scope.lane_title);
}

Answer 1

Seems to be working fine. But make sure to initialize the model variable. Otherwise, it will print as undefined

 angular.module("app",[]) .controller("ctrl",function($scope){ $scope.lane_title = ""; $scope.testScope = function(){ alert($scope.lane_title); } }) 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="app" ng-controller="ctrl"> <input type="text" ng-model="lane_title" placeholder="Title of the lane" > <button ng-click="testScope()">Create</button> </div>