feat(core): desugar [()] to [prop] and (prop-change)

BREAKING CHANGE

Before

```
<cmp [(prop)]="field"> was desugared to <cmp [prop]="field" (prop)="field=$event">
```

After
```
<cmp [(prop)]="field"> is desugared to <cmp [prop]="field" (prop-change)="field=$event">
```

Closes #4658

modules/upgrade/src/ng1_facade.ts

@@ -63,6 +63,7 @@ export class ExportedNg1Component {
           localName = localName.substr(1) || name;
           var outputName = 'output_' + name;
           var outputNameRename = outputName + ': ' + name;
+          var outputNameRenameChange = outputName + ': ' + name + 'Change';
           var inputName = 'input_' + name;
           var inputNameRename = inputName + ': ' + name;
           switch (type) {
@@ -70,7 +71,7 @@ export class ExportedNg1Component {
               this.propertyOutputs.push(outputName);
               this.checkProperties.push(localName);
               this.outputs.push(outputName);
-              this.outputsRename.push(outputNameRename);
+              this.outputsRename.push(outputNameRenameChange);
               this.propertyMap[outputName] = localName;
             // don't break; let it fall through to '@'
             case '@':

modules/upgrade/src/ng2_facade.ts

@@ -120,15 +120,23 @@ export class Ng2ComponentFacade {
       var output = outputs[j];
       var expr = null;
       var assignExpr = false;
+
+      var bindonAttr =
+          output.bindonAttr ? output.bindonAttr.substring(0, output.bindonAttr.length - 6) : null;
+      var bracketParenAttr =
+          output.bracketParenAttr ?
+              `[(${output.bracketParenAttr.substring(2, output.bracketParenAttr.length - 8)})]` :
+              null;
+
       if (attrs.hasOwnProperty(output.onAttr)) {
         expr = attrs[output.onAttr];
       } else if (attrs.hasOwnProperty(output.parenAttr)) {
         expr = attrs[output.parenAttr];
-      } else if (attrs.hasOwnProperty(output.bindonAttr)) {
-        expr = attrs[output.bindonAttr];
+      } else if (attrs.hasOwnProperty(bindonAttr)) {
+        expr = attrs[bindonAttr];
         assignExpr = true;
-      } else if (attrs.hasOwnProperty(output.bracketParenAttr)) {
-        expr = attrs[output.bracketParenAttr];
+      } else if (attrs.hasOwnProperty(bracketParenAttr)) {
+        expr = attrs[bracketParenAttr];
         assignExpr = true;
       }
 

modules/upgrade/test/integration_spec.ts

@@ -111,8 +111,12 @@ export function main() {
                Component({
                  selector: 'ng2',
                  inputs: ['literal', 'interpolate', 'oneWayA', 'oneWayB', 'twoWayA', 'twoWayB'],
-                 outputs:
-                     ['eventA', 'eventB', 'twoWayAEmitter: twoWayA', 'twoWayBEmitter: twoWayB']
+                 outputs: [
+                   'eventA',
+                   'eventB',
+                   'twoWayAEmitter: twoWayAChange',
+                   'twoWayBEmitter: twoWayBChange'
+                 ]
                })
                    .View({
                      template: