AngularJS - Blur binding 1.2.0-rc.2
HTML
<script src="http://code.angularjs.org/1.2.0/angular.js"></script>
<button rec-flash ng-click="alert('boo')">yo</button>
JavaScript
function Main() {}
// override the default input to update on blur
angular.module('app', [])
.directive('recFlash', function () {
return {
replace: true,
transclude: true,
scope: {
ngClick: '&'
},
template: '<div><button ng-transclude"></button> {{foo}}</div>',
link: function (scope) {
scope.click = function () {
scope.foo = 'saving...';
scope.ngClick();
scope.foo = 'saved!';
};
}
};
}) .run(['$rootScope', function ($rootScope) {
$rootScope.alert = function(text) { alert(text);}
}]);