<body ng-app='MainApp'>
    <div ng-controller='MainCtrl'>
      <b>Start Typing</b>
        <p>{{updated}}</p>
        <input type='text' ng-model='text'/>
        <button ng-click='stop();'>Stop</button>
      
    </div>
</body>
var mainMod = angular.module('MainApp', []);

mainMod.controller('MainCtrl', function ($scope) {
    $scope.updated = 0;
    var watcher = $scope.$watch('text',function(newVal,oldVal){
        $scope.updated++;
    });
    $scope.stop = function(){
       watcher();
      alert('stop');
    };
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
  2. https://code.angularjs.org/1.3.8/angular.min.js