refactor(compiler): use the new compiler everywhere

Closes #3605

BREAKING CHANGE:
- we don't mark an element as bound any more if it only contains text bindings
  E.g. <div>{{hello}}</div>
  This changes the indices when using `DebugElement.componentViewChildren` / `DebugElement.children`.
- `@Directive.compileChildren` was removed,
  `ng-non-bindable` is now builtin and not a directive any more
- angular no more adds the `ng-binding` class to elements with bindings
- directives are now ordered as they are listed in the View.directives regarding change detection.
  Previously they had an undefined order.
- the `Renderer` interface has new methods `createProtoView` and `registerComponentTemplate`. See `DomRenderer` for default implementations.
- reprojection with `ng-content` is now all or nothing per `ng-content` element
- angular2 transformer can't be used in tests that modify directive metadata.
  Use `angular2/src/transform/inliner_for_test` transformer instead.

modules/angular2/test/core/debug/debug_element_spec.ts

@@ -51,7 +51,7 @@ class MessageDir {
   template: `<div class="child" message="child">
                <span class="childnested" message="nestedchild">Child</span>
              </div>
-             <span class="child">{{childBinding}}</span>`,
+             <span class="child" [inner-html]="childBinding"></span>`,
   directives: [MessageDir]
 })
 @Injectable()
@@ -66,7 +66,7 @@ class ChildComp {
   template: `<div class="parent" message="parent">
                <span class="parentnested" message="nestedparent">Parent</span>
              </div>
-             <span class="parent">{{parentBinding}}</span>
+             <span class="parent" [inner-html]="parentBinding"></span>
              <child-comp class="child-comp-class"></child-comp>`,
   directives: [ChildComp, MessageDir]
 })
@@ -107,9 +107,9 @@ class EventsComp {
 
 @Component({selector: 'using-for', viewBindings: [Logger]})
 @View({
-  template: `<span *ng-for="#thing of stuff">{{thing}}</span>
+  template: `<span *ng-for="#thing of stuff" [inner-html]="thing"></span>
             <ul message="list">
-              <li *ng-for="#item of stuff">{{item}}</li>
+              <li *ng-for="#item of stuff" [inner-html]="item"></li>
             </ul>`,
   directives: [NgFor, MessageDir]
 })