fix(demo): fix bindings for fxLayout with AoT (#101)

Author: bowenni

src/demo-app/app/docs-layout/flexAlignSelf.demo.html

@@ -4,7 +4,7 @@
       <md-card-content>
         <div class="containerX">
           <div class="box" style="height:200px;">
-            <div [fxLayout]="row" fxLayoutAlign="center center" fxLayoutGap="5px" style="height:100%;padding: 5px;">
+            <div fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="5px" style="height:100%;padding: 5px;">
               <div fxFlex class="black one">    1 </div>
               <div fxFlex class="black two_h target" [fxFlexAlign]="alignTo" (click)="toggleAlignment()">  target </div>
               <div fxFlex class="black three">  3 </div>

src/demo-app/app/github-issues/issue.9897.demo.ts

@@ -12,7 +12,7 @@ import {Component, ViewEncapsulation} from '@angular/core';
       <md-card-subtitle>Safari bug with layout-wrap and flex % values</md-card-subtitle>
       <md-card-content>
         <div class="containerX">
-          <div [fxLayout]="row" [fxLayoutWrap]="wrapDirection" class="colored wrapped box" >
+          <div fxLayout="row" [fxLayoutWrap]="wrapDirection" class="colored wrapped box" >
             
               <div fxFlex="30"> fxFlex="30" </div>
               <div fxFlex="45"> fxFlex="45" </div>

src/demo-app/app/stack-overflow/mozHolyGrail.demo.ts

@@ -42,7 +42,7 @@ import {Component} from '@angular/core';
   `
 })
 export class DemoMozHolyGrail  {
-  private direction = "row";
+  public direction = "row";
   toggleDirection() {
     this.direction = (this.direction === "column") ? "row" : "column";
   }