Chapter 9: Controlling model inputs with ngModelOptions

HTML

<script src="https://code.angularjs.org/1.3.2/angular.min.js"></script>
<div ng-app="myApp">
    <form name="playerForm">
        Name:
        <input type="text"
               name="playerName"
               ng-model="player.name"
               ng-model-options="{ updateOn: 'click', debounce: 0 }" />
        <button ng-click="playerForm.playerName.$rollbackViewValue()">
            Revert changes
        </button>
    </form>
    {{ player.name }}
</div>

JavaScript

angular.module('myApp', []);