Angular: Empty Fiddle

http://angularjs.org/

by boneskull

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  <p>Value of foo: {{foo}}</p>
  <transactional ng-model="foo">
    <p>Temp value of foo: {{foo}}</p>
    <button ng-click="$parent.increment">increment</button>
  </transactional>
</div>

JavaScript

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

myApp.directive('transactional', function($parse) {
  return {
    restrict: 'E',
    require: 'ngModel',
    scope: true,
    link: function(scope, elm, attrs, ngModel) {
      var model = $parse(attrs.ngModel);
      
    }
  };
});

function MyCtrl($scope) {
  $scope.foo = 1;
  $scope.increment = function() {
     $scope.foo++; 
  };
}