docs(demo-app): Minor improvements to the switch and checkbox demo screens.

Author: trimox

src/demo-app/app/components/checkbox-demo/checkbox-demo.component.html

@@ -76,15 +76,15 @@ <h1 mdc-typography-headline>Examples</h1>
   <div fxLayout="column" class="mdc-padding">
     <div fxFlexAlign="start">
       <mdc-form-field>
-        <mdc-checkbox [(ngModel)]="isChecked" [disabled]="true"></mdc-checkbox>
-        <label mdc-checkbox-label [id]="labelId">Checkbox is disabled</label>
+        <mdc-checkbox [disabled]="true"></mdc-checkbox>
+        <label mdc-checkbox-label>Checkbox is disabled</label>
       </mdc-form-field>
     </div>
     <p>Disabled</p>
     <pre class="prettyprint">
 &lt;mdc-form-field&gt;
-  &lt;mdc-checkbox [(ngModel)]="isChecked" [disabled]="true"&gt;&lt;/mdc-checkbox&gt;
-  &lt;label mdc-checkbox-label [id]="labelId"&gt;Label text&lt;/label&gt;
+  &lt;mdc-checkbox [disabled]="true"&gt;&lt;/mdc-checkbox&gt;
+  &lt;label mdc-checkbox-label&gt;Label text&lt;/label&gt;
 &lt;/mdc-form-field&gt;
        </pre>
   </div>

src/demo-app/app/components/switch-demo/switch-demo.component.html

@@ -63,22 +63,22 @@ <h1 mdc-typography-headline>Examples</h1>
       </mdc-form-field>
       <pre class="prettyprint">
 &lt;mdc-form-field&gt;
-  &lt;mdc-switch [(ngModel)]="isChecked"&gt;&lt;/mdc-switch&gt;
+  &lt;mdc-switch [(ngModel)]="isSwitchOn"&gt;&lt;/mdc-switch&gt;
   &lt;label mdc-switch-label [id]="labelId"&gt;Label text&lt;/label&gt;
 &lt;/mdc-form-field&gt;
        </pre>
     </div>
     <div fxLayout="column" class="mdc-padding">
       <div fxFlexAlign="start">
         <mdc-form-field>
-          <mdc-switch [(ngModel)]="isSwitchOn" [disabled]="true"></mdc-switch>
-          <label mdc-switch-label [id]="labelId">off/on</label>
+          <mdc-switch [disabled]="true"></mdc-switch>
+          <label mdc-switch-label>off/on</label>
         </mdc-form-field>
         <p>Disabled</p>
         <pre class="prettyprint">
 &lt;mdc-form-field&gt;
-  &lt;mdc-switch [(ngModel)]="isChecked" [disabled]="true"&gt;&lt;/mdc-switch&gt;
-  &lt;label mdc-switch-label [id]="labelId"&gt;Label text&lt;/label&gt;
+  &lt;mdc-switch [disabled]="true"&gt;&lt;/mdc-switch&gt;
+  &lt;label mdc-switch-label&gt;Label text&lt;/label&gt;
 &lt;/mdc-form-field&gt;
        </pre>
       </div>

src/demo-app/app/components/switch-demo/switch-demo.component.ts

@@ -8,6 +8,7 @@ import {
 	templateUrl: './switch-demo.component.html'
 })
 export class SwitchDemoComponent implements OnInit {
+  isSwitchOn: boolean;
 
   ngOnInit() {
     let doc = <HTMLDivElement>document.body;