fix(compiler): Support camelCase property bindings

Fixes #1460

Author: jbdeboer

lib/core_dom/selector.dart

@@ -57,6 +57,13 @@ class DirectiveSelector {
     });
   }
 
+  String _camelcase(String s) {
+    var part = s.split('-').map((s) => s.toLowerCase());
+    if (part.length <= 1)
+      return part.join();
+    return part.first + part.skip(1).map(capitalize).join();
+  }
+
   /**
    * [matchElement] returns an [ElementBinder] or a [TemplateElementBinder] configured with all the
    * directives triggered by the `node`.
@@ -92,7 +99,7 @@ class DirectiveSelector {
       if (attrName.startsWith("on-")) {
         builder.onEvents[attrName] = value;
       } else if (attrName.startsWith(BIND_PREFIX)) {
-        builder.bindAttrs[attrName.substring(BIND_PREFIX_LENGTH)] =
+        builder.bindAttrs[_camelcase(attrName.substring(BIND_PREFIX_LENGTH))] =
             _astParser(value, formatters: _formatters);
       }
 

test/core_dom/web_components_spec.dart

@@ -70,10 +70,17 @@ main() {
 
 
     it('should bind to a non-existent property', () {
+      registerElement('tests-empty', {});
+      compileAndUpgrade('<tests-empty bind-newprop=27></tests-empty>');
+      _.rootScope.apply();
+      expect(customProp('newprop')).toEqual(27);
+    });
+
+    it('should bind to a camelCase property', () {
       registerElement('tests-empty', {});
       compileAndUpgrade('<tests-empty bind-new-prop=27></tests-empty>');
       _.rootScope.apply();
-      expect(customProp('new-prop')).toEqual(27);
+      expect(customProp('newProp')).toEqual(27);
     });
 
     it('should bind to both directives and properties', () {