How to use $scope.$watch and ng-repeat?

Question

I have working code:

$scope.$watch('vm.reg', function (newValue) {
  if (newValue !=  null) {
    vm.reg = newValue.replace(/\D+/, '');
  }
});

<input type="text" class="form-control" name="dest_regex" ng-model="vm.reg"/>

But I need to use $watch for ng-repeat something like this:

<div ng-repeat="fi in filterElments">
    <input type="text" class="form-control" name="dest_regex" ng-model="fi.reg"/>

    <!--<input type="text" class="form-control" name="dest_regex" ng-model="fi.reg"/>
    <input type="text" class="form-control" name="dest_regex" ng-model="fi.reg"/>
     .................. -->
</div>

you do not need $watch, use ng-change, this attribute work like $watch for your input — Maher, Feb 05 '16 at 09:14
@AmitRamoliya, i need to check each input separatly. Problem is one model fi.reg in ng-repeat, coz of that i cannot check each input separatly — Decastrio, Feb 05 '16 at 09:17

score 2 · Accepted Answer · answered Feb 05 '16 at 09:18

2

ng-Change as $watch for your ng-models in ng-repeat

you can detect if input value has changes

$scope.replacing = function(item){
  //do somthing
}

<div ng-repeat="fi in filterElments">
    <input type="text" class="form-control" name="dest_regex" ng-model="fi.reg" ng-change="replacing(fi)"/>
</div>

answered Feb 05 '16 at 09:18

Maher

2,517
1
19
32

Thanks you, ng-change really helped – Decastrio Feb 05 '16 at 09:23

score 0 · Answer 2 · edited May 23 '17 at 12:15

0

For your specific case I would suggest to look at ngModelController $parsers and $formatters.

https://docs.angularjs.org/api/ng/type/ngModel.NgModelController

https://stackoverflow.com/a/22843592/274500

edited May 23 '17 at 12:15

Community

1
1

answered Feb 05 '16 at 09:17

Stepan Suvorov

25,118
26
108
176

How to use $scope.$watch and ng-repeat?

2 Answers2