2017-02-22 9 views
0
<!DOCTYPE html> 
<html> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <body> 
     <div ng-app="myApp" ng-controller="abc"> 
      <p>Input something in the input box:</p> 
      <p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p> 
      <h1>Hello {{name}}</h1> 
     </div> 
     <script> 
      var app=angular.module('myApp',[]); 
      app.controller('abc', 
       ['$scope',function($scope) { 
        $scope.name='xyz'; 
        var count=-1; 
        $scope.$watch('name',function(nv,ov){ 
         console.log('OV',ov); 
         console.log('NV',nv); 
         $scope.name=nv; 
         count++; 
         console.log(count); 
        }) 
       }] 
      ) 
     </script> 
    </body> 
</html> 

Здесь $ watch работает только один раз, а не дважды. Если я назначу ov на $scope.name$watch работает 11 раз, и в этом случае значение имени не должно меняться.

+0

Цикл дайджеста происходит в два раза, но функция прослушивания только получает вызывается один раз, потому что нет никаких изменений в значении между первым и вторым циклами дайджеста. [ДЕМО на PLNKR] (https://plnkr.co/edit/7Dc24Ekm4kaBO7Jp8C8G?p=preview). – georgeawg

ответ

0

Try ниже кода, ниже одного показывает правильное O/P для меня может быть, вы хотите один и тот же один

<script> 
    var app=angular.module('myApp',[]); 
    app.controller('abc',['$scope',function($scope){ 
    $scope.name='xyz'; 
    var count=-1; 
    $scope.$watch('name',function(data){ 
    console.log('data', data); 
    $scope.name=data; 
    count++; 
    console.log(count); 
    }) 
    }]) 
</script>