AngularJS browser autofill workaround by using a directive http://stackoverflow.com/questions/14965968/angularjs-browser-autofill-workaround-by-using-a-directive

gistfile1.js

app.directive('autoFillSync', function($timeout) {
    return {
      require: 'ngModel',
      link: function(scope, elem, attrs) {
          var origVal = elem.val();
          $timeout(function () {
              var newVal = elem.val();
              if(ngModel.$pristine && origVal !== newVal) {
                  ngModel.$setViewValue(newVal);
              }
          }, 500);
      }
    }
});

gistfile2.html

<form name="myForm" ng-submit="login()">
  <label for="username">Username</label>
  <input type="text" id="username" name="username" ng-model="username" auto-fill-sync/><br/>
  <label for="password">Password</label>
  <input type="password" id="password" name="password" ng-model="password" auto-fill-sync/><br/>
  <button type="submit">Login</button>
</form>

AngularJS browser autofill workaround by using a directive

http://stackoverflow.com/questions/14965968/angularjs-browser-autofill-workaround-by-using-a-directive