Fix plunker: rename radio-ngmodel; add FormsModule; use css (#56)

Author: tinayuangao

src/app/examples/example-data.ts

@@ -18,7 +18,7 @@ export class ExampleData {
     if (example) {
       this.examplePath = `/app/examples/${example}/`;
       // TODO(tinayuangao): Do not hard-code extensions
-      this.exampleFiles = ['html', 'ts', 'scss']
+      this.exampleFiles = ['html', 'ts', 'css']
         .map((extension) => `${example}-example.${extension}`);
       this.selectorName = this.indexFilename = `${example}-example`;
       var exampleName = example.replace(/(?:^\w|\b\w)/g, function(letter) {

src/app/examples/example-module.ts

@@ -18,7 +18,7 @@ import {
   DialogOverviewExampleDialog,
   DialogOverviewExample
 } from './dialog-overview/dialog-overview-example';
-import {RadioNgModelExample} from './radio-ngmodel/radio-ngmodel-example';
+import {RadioNgModelExample} from './radio-ng-model/radio-ng-model-example';
 import {CardFancyExample} from './card-fancy/card-fancy-example';
 import {ToolbarOverviewExample} from './toolbar-overview/toolbar-overview-example';
 import {ToolbarMultirowExample} from './toolbar-multirow/toolbar-multirow-example';
@@ -116,7 +116,7 @@ export const EXAMPLE_COMPONENTS = {
     title: 'Basic progress-spinner',
     component: ProgressSpinnerOverviewExample
   },
-  'radio-ngmodel': {title: 'Radios with ngModel', component: RadioNgModelExample},
+  'radio-ng-model': {title: 'Radios with ngModel', component: RadioNgModelExample},
   'radio-overview': {title: 'Basic radios', component: RadioOverviewExample},
   'select-overview': {title: 'Basic select', component: SelectOverviewExample},
   'select-form': {title: 'Select in a form', component: SelectFormExample},

…/radio-ngmodel/radio-ngmodel-example.css …adio-ng-model/radio-ng-model-example.csssrc/app/examples/radio-ngmodel/radio-ngmodel-example.css renamed to src/app/examples/radio-ng-model/radio-ng-model-example.css src/app/examples/radio-ngmodel/radio-ngmodel-example.css renamed to src/app/examples/radio-ng-model/radio-ng-model-example.css

@@ -2,9 +2,9 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  selector: 'radio-ngmodel-example',
-  templateUrl: './radio-ngmodel-example.html',
-  styleUrls: ['./radio-ngmodel-example.css'],
+  selector: 'radio-ng-model-example',
+  templateUrl: './radio-ng-model-example.html',
+  styleUrls: ['./radio-ng-model-example.css'],
 })
 export class RadioNgModelExample {
   favoriteSeason: string;

…radio-ngmodel/radio-ngmodel-example.html …dio-ng-model/radio-ng-model-example.htmlsrc/app/examples/radio-ngmodel/radio-ngmodel-example.html renamed to src/app/examples/radio-ng-model/radio-ng-model-example.html src/app/examples/radio-ngmodel/radio-ngmodel-example.html renamed to src/app/examples/radio-ng-model/radio-ng-model-example.html

@@ -1,13 +1,15 @@
 import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 import {BrowserModule} from '@angular/platform-browser';
 import {NgModule} from '@angular/core';
+import {FormsModule} from '@angular/forms';
 import {MaterialModule} from '@angular/material';
 import {MaterialDocsExample} from './material-docs-example';
 
 @NgModule({
 
   imports: [
     BrowserModule,
+    FormsModule,
     MaterialModule.forRoot(),
   ],