Initial Material Design Lite setup

refs #36

demo-shell-ng2/app/components/MaterialDesignLiteUpgradeElement.ts

@@ -0,0 +1,11 @@
+import {Directive, AfterViewInit} from 'angular2/core';
+declare var componentHandler;
+
+@Directive({
+    selector: '[mdl]'
+})
+export class MDL implements AfterViewInit {
+    ngAfterViewInit() {
+        componentHandler.upgradeAllRegistered();
+    }
+}

demo-shell-ng2/app/components/page2.view.ts

@@ -1,4 +1,5 @@
 import {Component} from 'angular2/core';
+import {MDL} from './MaterialDesignLiteUpgradeElement';
 
 @Component({
     selector: 'page2-view',
@@ -6,9 +7,14 @@ import {Component} from 'angular2/core';
         <div class="container">
             <div class="row">
                 <h2>Page 2</h2>
+                <label mdl class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-1">
+                  <input type="checkbox" id="checkbox-1" class="mdl-checkbox__input" checked>
+                  <span class="mdl-checkbox__label">Checkbox</span>
+                </label>
             </div>
         </div>
-    `
+    `,
+    directives: [MDL]
 })
 export class Page2View {