AngularJS trigger ng-change on input type number

Question

Hello I need help for angularjs.

I want to trigger ng-change on input type number input field.

 <input 
   ng-required="true"
   ng-change = "onChangePrePay()"
   type="number"
   ng-model="entry.team.prepaidEntriesNum"
  />

but on-change is triggered only when input field loses focus. Any idea how to override this behavior. It's totally unexpected.

There must be something else wrong because this is generally not a problem: jsfiddle.net/sh0ber/ckx1346m — Dan
– Dan, Commented Nov 5, 2018 at 17:25
tnx for helping you are right, i will let you know tomorrow after inspection the code — Ambulance lada
– Ambulance lada, Commented Nov 5, 2018 at 17:33

Dhara Vaghasiya · Accepted Answer · 2018-11-06 10:00:13Z

3

var app = angular.module('myApp',[]);
app.controller('ctrlMain',function($scope){
	 $scope.test = 23;	
   $scope.onChangePrePay = function(){
       alert('CHANGE');
   }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.9/angular.min.js"></script>

<body ng-app="myApp">
    <div ng-controller="ctrlMain">
        <input 
         ng-required="true"
         ng-OnChange = "onChangePrePay()" */change here in your code ng-OnChange instead of ng-change
         type="number"
         ng-model="test"
        />
    </div>
</body>

answered Nov 6, 2018 at 10:00

Dhara Vaghasiya

2983 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pavittar Singh · Accepted Answer · 2018-11-05 16:54:29Z

0

to check trigger change on the input use ng-change not ng-onchange

answered Nov 5, 2018 at 16:54

Pavittar Singh

555 bronze badges

Comments

Jose Rodriguez · Accepted Answer · 2018-11-05 16:56:12Z

0

replace "ng-onchange" with "ng-change"

answered Nov 5, 2018 at 16:56

Jose Rodriguez

2472 silver badges7 bronze badges

3 Comments

Ambulance lada Over a year ago

yeah thats the whole point of my question, it's well known issue but some noob down voted my question

Jose Rodriguez Over a year ago

try this : w3schools.com/angular/tryit.asp?filename=try_ng_ng-change if you change the input type to number, the change method works

Ambulance lada Over a year ago

tnx for helping you are right, i will let you know tomorrow after inspection the code

Collectives™ on Stack Overflow

AngularJS trigger ng-change on input type number

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related