docs(style-guide): remove rc relics and update for ngmodules (#2463)

Author: johnpapa

public/docs/_examples/style-guide/e2e-spec.ts

@@ -77,13 +77,6 @@ describe('Style Guide', function () {
     expect(div.getText()).toBe('This is heroes component');
   });
 
-  it('04-14', function () {
-    browser.get('#/04-14');
-
-    let h2 = element(by.tagName('sg-app > toh-heroes > div > h2'));
-    expect(h2.getText()).toBe('My Heroes');
-  });
-
   it('05-02', function () {
     browser.get('#/05-02');
 

public/docs/_examples/style-guide/ts/02-05/app/app.component.ts

@@ -0,0 +1,11 @@
+// #docregion
+import { Component } from '@angular/core';
+
+@Component({
+  moduleId: module.id,
+  selector: 'toh-app',
+  template: `
+      Tour of Heroes
+    `
+})
+export class AppComponent { }

public/docs/_examples/style-guide/ts/04-14/app/app.module.ts renamed to public/docs/_examples/style-guide/ts/02-05/app/app.module.ts

@@ -1,19 +1,23 @@
+// #docplaster
+// #docregion
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { RouterModule } from '@angular/router';
 
 import { AppComponent } from './app.component';
-import { HeroesComponent } from './heroes';
 
 @NgModule({
   imports: [
     BrowserModule,
-    RouterModule.forChild([{ path: '04-14', component: AppComponent }])
+    // #enddocregion
+    RouterModule.forChild([{ path: '02-05', component: AppComponent }])
+    // #docregion
   ],
   declarations: [
-    AppComponent,
-    HeroesComponent
+    AppComponent
   ],
-  exports: [ AppComponent ]
+  exports: [ AppComponent ],
+  bootstrap: [ AppComponent ]
 })
-export class AppModule {}
+export class AppModule { }
+// #enddocregion

public/docs/_examples/style-guide/ts/02-05/main.ts

@@ -0,0 +1,8 @@
+// #docregion
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule }              from './app/app.module';
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .then(success => console.log(`Bootstrap success`))
+  .catch(err => console.error(err));

public/docs/_examples/style-guide/ts/02-08/app/app.module.ts

@@ -2,14 +2,16 @@ import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
 import { AppComponent } from './app.component';
-import { ValidateDirective } from './shared';
+import { InputHighlightDirective,
+         ValidateDirective } from './shared';
 
 @NgModule({
   imports: [
     RouterModule.forChild([{ path: '02-08', component: AppComponent }])
   ],
   declarations: [
     AppComponent,
+    InputHighlightDirective,
     ValidateDirective
   ],
   exports: [ AppComponent ]

public/docs/_examples/style-guide/ts/02-08/app/shared/index.ts

@@ -1 +1,2 @@
+export * from './input-highlight.directive';
 export * from './validate.directive';

public/docs/_examples/style-guide/ts/02-08/app/shared/input-highlight.directive.ts

@@ -0,0 +1,10 @@
+// #docregion
+import { Directive, ElementRef, Renderer } from '@angular/core';
+
+@Directive({ selector: 'input'})
+/** Highlight the attached input text element in blue */
+export class InputHighlightDirective {
+  constructor(renderer: Renderer, el: ElementRef) {
+    renderer.setElementStyle(el.nativeElement, 'backgroundColor', 'powderblue');
+  }
+}

public/docs/_examples/style-guide/ts/03-01/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
-import { ExceptionService } from './shared';
+import { ExceptionService } from './core';
 
 @Component({
   selector: 'sg-app',