Angular: Editable directive

http://angularjs.org/

by rakeshjack

HTML

<script src="http://code.angularjs.org/angular-resource-1.0.0.js"></script>
<script src="http://code.angularjs.org/angular-1.0.0.js"></script>
<html ng-app="myapp">
<div ng-controller="MyCtrl">
    <div editable
         e-trigger="dblclick"
         e-update-url=""
         singleline="true"
         ng-model="name"
         class="editable">{{name}}</div>
    </div>
</html>

CSS

.editable {
    border: 1px solid red;
}

JavaScript

var module = angular.module("my", []);
module.directive("editable", function() {
});

function MyCtrl($scope) {
    $scope.name= "Freewind";

}