- figured out how to apply classes conditionally

- edit on doubleclick

Author: cburgdorf

architecture-examples/angularjs/index_new.html

@@ -21,7 +21,7 @@ <h1>Todos</h1>
             <input id="toggle-all" type="checkbox">
             <label for="toggle-all">Mark all as complete</label>
             <ul id="todo-list">
-                <li ng:repeat="todo in todos" ng:click="editTodo(todo)" ng:class="'editing-' + todo.editing + ' done-' + todo.done">
+                <li ng:repeat="todo in todos" my:dblclick="editTodo(todo)" ng:class="(todo.done && ' done ') + (todo.editing && ' editing ')">
                     <div class="view">
                         <input class="toggle" type="checkbox" name="todo.done">
                         <label>{{ todo.content }}</label>

architecture-examples/angularjs/js/directive.js

@@ -10,6 +10,17 @@ angular.directive('my:blur', function(expression, compiledElement) {
     };
 });
 
+angular.directive('my:dblclick', function(expression, compiledElement) {
+    var compiler = this;
+    return function(linkElement) {
+        var scope = this;
+        linkElement.bind('dblclick', function(event) {
+            scope.$apply(expression, linkElement);
+            event.stopPropagation();
+        });
+    };
+});
+
 angular.directive("my:focus", function(expression, compiledElement){
   return function(element){
     this.$watch(expression, function(){