title: How can I implement $('input').on('change', function() in angularjs
body: <p>I need to do a registration form page using angularjs and in this i need to show how many percentage have completed. I have more than 50 fields. How i can do this functionality in a simple way.</p>
  
  <p>Here is the sample code. I don't know is this the good way of coding  </p>
  
  <p>HTML Code</p>
  
  <pre><code> &lt;script src="angular/angular.js"&gt;&lt;/script&gt;
   &lt;html ng-app="myapp" ng-controller='profileController'&gt;
   &lt;form&gt;
     First name: &lt;input type="text" name="firstname" ng-model="nameValue" ng-click="percentageCount()"/&gt;&lt;br&gt;
     Last name: &lt;input type="text" name="lastname" ng-model="lnameValue" ng-click="percentageCount()"/&gt;
     Age: &lt;input type="text" name="age" ng-model="ageValue" ng-click="percentageCount()" /&gt;
     Gender: &lt;input type="text" name="gender" ng-model="genderValue" ng-click="percentageCount()"/&gt;
     City:  &lt;select name="txt_country" class="drop-down-box" id="country" ng-click="percentageCount()" ng-model="countryValue"&gt;
                          &lt;option value="" selected="selected"&gt;Select Country&lt;/option&gt;
                          &lt;option value="United States"&gt;United States&lt;/option&gt;
                          &lt;option value="United Kingdom"&gt;United Kingdom&lt;/option&gt;
                          &lt;option value="Afghanistan"&gt;Afghanistan&lt;/option&gt;
                          &lt;option value="Albania"&gt;Albania&lt;/option&gt;                    
                        &lt;/select&gt;
  
  &lt;/form&gt;
  &lt;p&gt;{{count}}% completed&lt;/p&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Script</p>
  
  <pre><code>&lt;script&gt;
  
  var myapp = angular.module('myapp', []);
  
  myapp.controller('profileController', function ($scope,$http) 
  {
      $scope.count = 0;
      $scope.percentageCount = function()
      {
          $scope.count =0;
  
          if($scope.nameValue != null)
            $scope.count = $scope.count+20;
          if($scope.lnameValue != null)
            $scope.count = $scope.count+20;  
          if($scope.ageValue != null)
            $scope.count = $scope.count+20;
          if($scope.genderValue != null)
            $scope.count = $scope.count+20;   
          if($scope.countryValue != null)
            $scope.count = $scope.count+20;       
  
      }
  
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>here I need to use lots of if condition.</p>
  
  <p>In jquery we can do this using </p>
  
  <pre><code>$('input').on('change', function() 
  </code></pre>
  
  <p>How i can do this in angularjs as a good way of coding</p>
  
  <p>Thank you in advance.</p>