bharat bharat - 3 months ago 21
AngularJS Question

ng-keypress not triggering function

I'm new to AngularJS. I'm implementing ng-keypress events in AngularJS.
I referred to many blogs and tried to do as it is shown, but my code is not working!

<div ng-app="myApp">
<div ng-controller="MainCtrl">
<input ng-keypress="change($event)" type="text" >
{{ text }}
</div>
</div>


script is:

var myApp = angular.module('myApp', []);

myApp.controller('MainCtrl', ['$scope', function ($scope) {
$scope.change=function($event){
$scope.text= 'a';
};
}]);


I'm trying to change the value of {{text}} on keypress.. but it's not working!
can anyone help me out!

Thanks :)

Answer

i tried the same things and its working

  <body ng-controller="MainCtrl">
    <input  ng-keypress="change($event)" type="text" >
    <pre>{{name}}</pre>
  </body>


app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.change=function($event){
    $scope.name= 'hello';
    };
});

checkout this plunker... PLUNKER LINK

EDIT checkout your code plunker.. thats also working

EDIT

finally the answer is: 1.0.7 does not support ng-keypress, hence it was not working..