$手表一次而不是两次

<!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次，在这种情况下，名称的值不应更改。

来源

2017-02-22 Abhishek

摘要周期发生两次，但该监听功能只被调用一次，因为没有变化在第一和第二摘要循环之间的值。 [PLNKR上的DEMO]（https://plnkr.co/edit/7Dc24Ekm4kaBO7Jp8C8G?p=preview）。 – georgeawg

下面的代码试试，下面一个正显示出正确的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>

来源

2017-02-22 12:40:06

$手表一次而不是两次

回答

相关问题