JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.5/angular.min.js"></script>
<div ng-app="app" ng-controller="Ctrl">
  <form name="userForm">
    <input type="text" ng-model="user.name" ng-model-options="{ updateOn: 'submit' }" name="userName">
    <button type="submit">save</button>
    <button type="button"  ng-click="userForm.userName.$rollbackViewValue();">cancel</button>
  </form>
  <br>    
  <pre> {{user || json}} </pre>     
</div>

CSS

div[ng-app] { margin: 50px; }

JavaScript

var app = angular.module("app", ["lazyModel"]);

app.controller('Ctrl', function($scope) {
  $scope.user = {
      name: 'vitalets'
  }; 
});