Add declarataive event handlers.

sky/framework/sky-element/TemplateBinding.sky

 <!--
 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 -->
 <import src="observe.sky" as="observe" />
 
 <script>
 Node.prototype.bind = function(name, observable, oneTime) {
   var self = this;
 
   if (oneTime) {
     this[name] = observable;
     return;
   }
 
-  observable.open(function(value) {
+  this[name] = observable.open(function(value) {
     self[name] = value;
   });
 
   return observable;
 };
 
 function sanitizeValue(value) {
   return value == null ? '' : value;
 }
 
@@ skipping 509 matching lines @@
   var iter = node.processBindingDirectives_(bindings);
   if (instanceBindings && iter)
     instanceBindings.push(iter);
 }
 
 function parseWithDefault(el, name, prepareBindingFn) {
   var v = el.getAttribute(name);
   return parseMustaches(v == '' ? '{{}}' : v, name, el, prepareBindingFn);
 }
 
+function addEventHandler(element, name, method) {
+  element.addEventListener(name, function(event) {
+    var scope = element.ownerScope;
+    var host = scope.host;
+    var handler = host && host[method];
+    if (handler instanceof Function)
+      return handler.call(host, event);
+  });
+}
+
 function parseAttributeBindings(element, prepareBindingFn) {
   var bindings = [];
   var ifFound = false;
   var bindFound = false;
   var attributes = element.getAttributes();
 
   for (var i = 0; i < attributes.length; i++) {
     var attr = attributes[i];
     var name = attr.name;
     var value = attr.value;
 
     if (isTemplate(element) &&
         (name === IF || name === BIND || name === REPEAT)) {
       continue;
     }
 
+    if (name.startsWith('on-')) {
+      if (!bindings.eventHandlers)
+        bindings.eventHandlers = new Map();
+      bindings.eventHandlers.set(name.substring(3), value);
+      continue;
+    }
+
     var tokens = parseMustaches(value, name, element,
                                 prepareBindingFn);
     if (!tokens)
       continue;
 
     bindings.push(name, tokens);
   }
 
   if (isTemplate(element)) {
     bindings.isTemplate = true;
@@ skipping 38 matching lines @@
                           instanceBindings);
   }
 
   if (bindings.isTemplate) {
     clone.instanceRef_ = node;
 
     if (delegate)
       clone.setDelegate_(delegate);
   }
 
+  if (bindings.eventHandlers) {
+    bindings.eventHandlers.forEach(function(handler, eventName) {
+      addEventHandler(clone, eventName, handler);
+    });
+  }
+
   processBindings(clone, bindings, model, instanceBindings);
   return clone;
 }
 
 function createInstanceBindingMap(node, prepareBindingFn) {
   var map = getBindings(node, prepareBindingFn);
   map.children = {};
   var index = 0;
   for (var child = node.firstChild; child; child = child.nextSibling) {
     map.children[index++] = createInstanceBindingMap(child, prepareBindingFn);
@@ skipping 373 matching lines @@
       this.closeInstanceBindings(this.instances[i]);
     }
 
     this.instances.length = 0;
     this.closeDeps();
     this.templateElement_.iterator_ = undefined;
     this.closed = true;
   }
 };
 </script>