fix: flip attr / property bind in directives annotations

Fixes #648

Closes #684

modules/angular2/src/core/compiler/pipeline/element_binder_builder.js

@@ -196,7 +196,7 @@ export class ElementBinderBuilder extends CompileStep {
       var annotation = directive.annotation;
       if (isBlank(annotation.bind)) continue;
       var _this = this;
-      StringMapWrapper.forEach(annotation.bind, function (dirProp, elProp) {
+      StringMapWrapper.forEach(annotation.bind, function (elProp, dirProp) {
         var expression = isPresent(compileElement.propertyBindings) ?
           MapWrapper.get(compileElement.propertyBindings, elProp) :
             null;

modules/angular2/src/directives/foreach.js

@@ -7,7 +7,7 @@ import {ListWrapper} from 'angular2/src/facade/collection';
 @Viewport({
   selector: '[foreach][in]',
   bind: {
-    'in': 'iterableChanges[]'
+    'iterableChanges[]': 'in'
   }
 })
 export class Foreach  {

modules/angular2/src/directives/if.js

@@ -5,7 +5,7 @@ import {isBlank} from 'angular2/src/facade/lang';
 @Viewport({
   selector: '[if]',
   bind: {
-    'if': 'condition'
+    'condition': 'if'
   }
 })
 export class If {

modules/angular2/src/directives/switch.js

@@ -33,7 +33,7 @@ import {Parent} from 'angular2/src/core/annotations/visibility';
 @Decorator({
   selector: '[switch]',
   bind: {
-    'switch': 'value'
+    'value': 'switch'
   }
 })
 export class Switch {
@@ -144,7 +144,7 @@ export class Switch {
 @Viewport({
   selector: '[switch-when]',
   bind: {
-    'switch-when' : 'when'
+    'when' : 'switch-when'
   }
 })
 export class SwitchWhen {

modules/angular2/src/forms/directives.js

@@ -99,7 +99,7 @@ export class ControlDirectiveBase {
   lifecycle: [onChange],
   selector: '[control-name]',
   bind: {
-    'control-name' : 'controlName',
+    'controlName' : 'control-name',
     'type' : 'type'
   }
 })
@@ -117,7 +117,7 @@ export class ControlNameDirective extends ControlDirectiveBase {
   lifecycle: [onChange],
   selector: '[control]',
   bind: {
-    'control' : 'controlName',
+    'controlName' : 'control',
     'type' : 'type'
   }
 })
@@ -134,7 +134,7 @@ export class ControlDirective extends ControlDirectiveBase {
 @Decorator({
   selector: '[control-group]',
   bind: {
-    'control-group' : 'controlGroup'
+    'controlGroup' : 'control-group'
   }
 })
 export class ControlGroupDirective extends ControlGroupDirectiveBase {
@@ -163,7 +163,7 @@ export class ControlGroupDirective extends ControlGroupDirectiveBase {
 @Component({
   selector: '[new-control-group]',
   bind: {
-    'new-control-group' : 'initData'
+    'initData' : 'new-control-group'
   }
 })
 @Template({inline: '<content>'})