Detect multiple Input fields value change from code in angularJS

Question

I have an input field as

<input type="text"  ng-model="sampleValue" >

In some situations i am clearing the value of input as

$scope.sampleValue = "";

Is there any way to detect the change in value of input field from code?

In this case ng-change is not working as the value is changing from code. I have a number of such input fields, so using multiple $watch is not a good solution.

why not use $watch? You can put all those values in single object any add watch to it. — Vipin Kumar
– Vipin Kumar, Commented Dec 14, 2017 at 5:11
You can create a wrapper component and listen to $onChanges of it. — 31piy
– 31piy, Commented Dec 14, 2017 at 5:11

dhilt · Accepted Answer · 2017-12-14 05:14:53Z

1

You may try $watchGroup instead of multiple $watch:

var fieldList = ['sample1', 'sample2', 'sample3'];

$scope.$watchGroup(filedList, function(newVal, oldVal) {
  console.log(newVal[0], newVal[1], newVal[2]);
);

answered Dec 14, 2017 at 5:14

dhilt

21.1k8 gold badges79 silver badges96 bronze badges

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

Comments

Pranay Rana · Accepted Answer · 2017-12-14 05:13:49Z

0

if possible make use of rxJs and Observable value , like in below example it observe string s, in you code it can observe $scope.sampleValue = "";

  let s = "Hello World";
  Observable.of(s).subscribe(val => {
    console.log(val);
  });

edited Dec 14, 2017 at 5:13

answered Dec 14, 2017 at 5:08

Pranay Rana

177k37 gold badges244 silver badges266 bronze badges

Collectives™ on Stack Overflow

Detect multiple Input fields value change from code in angularJS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related