Angular: In-place editor

http://angularjs.org/

by colvint

HTML

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<div editable>Hello World</div>

CSS

body {
    font-family: helvetica;
    padding: 10px;
}

[editable] {
    padding: 5px;
}

[editable]:hover {
    background-color: #dbedff;
}

JavaScript

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

app.directive('editable', function () {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            element.dblclick(function () {
                
            });
        }
    }
});