Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <input inline-edit type="text" value="supermasher" class="inactive"/>
</div>

CSS

.inactive {
    border: none;
    background-color: #fff;
}

JavaScript

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

myApp.directive('inlineEdit', function() {

    return function(scope, element, attrs) {
        element.bind('click', function(){
            element.toggleClass('inactive');
            if(element.hasClass('inactive')){
                $(element).blur();
            }
        });
    };

});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.name = 'Superhero';
}