fix($compile): support merging special attribute names in replace directives

When compiling a `replace` directive, the compiler merges the attributes from
the replaced element onto the template element.

Unfortunately, `setAttribute` and other related DOM methods do not allow certain
attribute names - in particular Angular 2 style names such as `(click)` and `[value]`.

This is relevant when using ngForward with Angular Material, since the `mgButton`
directive uses `replace` and in the former you often use `(click)`.

This fixes the problem but for those special attributes the speed is considerably
slow.

Closes angular#13317
Closes angular#13318

Author: petebacondarwin

src/ng/compile.js

@@ -1232,25 +1232,12 @@ function $CompileProvider($provide, $$sanitizeUriProvider) {
       // so we have to jump through some hoops to get such an attribute
       // https://github.com/angular/angular.js/pull/13318
       specialAttrHolder.innerHTML = "<span " + attrName + ">";
-      console.log('holder');
-      console.log(specialAttrHolder);
       var attributes = specialAttrHolder.firstChild.attributes;
       var attribute = attributes[0];
-      console.log('attribute');
-      console.log(attribute, attribute.name, attribute.value);
       // We have to remove the attribute from its container element before we can add it to the destination element
       attributes.removeNamedItem(attribute.name);
       attribute.value = value;
-      console.log('attribute with value');
-      console.log(attribute, attribute.name, attribute.value);
       element.attributes.setNamedItem(attribute);
-      console.log('element attributes');
-      for(var i=0; i< element.attributes.length; i++) {
-        var attribute = element.attributes[i];
-        console.log(attribute, attribute.name, attribute.value);
-      }
-      console.log('element');
-      console.log(element);
     }
 
     function safeAddClass($element, className) {

test/ng/compileSpec.js

@@ -871,11 +871,11 @@ describe('$compile', function() {
 
         it('should correctly merge attributes that contain special characters', inject(function($compile, $rootScope) {
           element = $compile(
-            '<div><div replace (click)="doSomething()" [value]="someExpression" Ω="omega"></div><div>')($rootScope);
+            '<div><div replace (click)="doSomething()" [value]="someExpression" ω="omega"></div><div>')($rootScope);
           var div = element.find('div');
           expect(div.attr('(click)')).toEqual('doSomething()');
           expect(div.attr('[value]')).toEqual('someExpression');
-          expect(div.attr('Ω')).toEqual('omega');
+          expect(div.attr('ω')).toEqual('omega');
         }));