AngularJS browser autofill workaround

autoFillSyncDirective.js

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

usage.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>