docs: several small fixes/improvements/refactorings for the guides

aio/content/examples/lazy-loading-ngmodules/src/app/customers/customers-routing.module.ts

@@ -15,8 +15,7 @@ const routes: Routes = [
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule],
-  providers: []
+  exports: [RouterModule]
 })
 export class CustomersRoutingModule { }
 // #enddocregion customers-routing-module

aio/content/examples/lazy-loading-ngmodules/src/app/orders/orders-routing.module.ts

@@ -6,23 +6,17 @@ import { Routes, RouterModule } from '@angular/router';
 // #docregion orders-routing-module-detail
 import { OrderListComponent } from './order-list/order-list.component';
 
-
 const routes: Routes = [
   {
     path: '',
     component: OrderListComponent
   }
 ];
-
 // #enddocregion orders-routing-module-detail
 
 @NgModule({
-  imports: [
-    RouterModule.forChild(routes)
-  ],
-  exports: [
-    RouterModule
-  ]
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
 })
 export class OrdersRoutingModule { }
 // #enddocregion orders-routing-module

aio/content/examples/ngmodules/src/app/app.module.ts

@@ -4,22 +4,20 @@ import { FormsModule } from '@angular/forms';
 import { HttpModule } from '@angular/http';
 
 /* App Root */
-import { AppComponent }   from './app.component';
+import { AppComponent } from './app.component';
 
 /* Feature Modules */
-import { ContactModule }    from './contact/contact.module';
-import { CoreModule }       from './core/core.module';
+import { ContactModule } from './contact/contact.module';
+// #docregion import-for-root
+import { CoreModule } from './core/core.module';
+// #enddocregion import-for-root
 
 /* Routing Module */
 import { AppRoutingModule } from './app-routing.module';
 
 
-
+// #docregion import-for-root
 @NgModule({
-  declarations: [
-    AppComponent
-  ],
-  // #docregion import-for-root
   imports: [
     BrowserModule,
     ContactModule,
@@ -28,6 +26,11 @@ import { AppRoutingModule } from './app-routing.module';
   ],
   // #enddocregion import-for-root
   providers: [],
+  declarations: [
+    AppComponent
+  ],
   bootstrap: [AppComponent]
+  // #docregion import-for-root
 })
 export class AppModule { }
+// #enddocregion import-for-root

aio/content/examples/ngmodules/src/app/core/core.module.ts

@@ -1,31 +1,34 @@
-/* tslint:disable:member-ordering no-unused-variable */
- // #docregion whole-core-module
-import {
-  ModuleWithProviders, NgModule,
-  Optional, SkipSelf }       from '@angular/core';
+// #docregion whole-core-module
+import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';
 
-import { CommonModule }      from '@angular/common';
+import { CommonModule } from '@angular/common';
 
-import { TitleComponent }    from './title.component';
-import { UserService }       from './user.service';
+import { TitleComponent } from './title.component';
+// #docregion user-service
+import { UserService } from './user.service';
+// #enddocregion user-service
 import { UserServiceConfig } from './user.service';
 
+
+// #docregion user-service
 @NgModule({
+  // #enddocregion user-service
   imports:      [ CommonModule ],
   declarations: [ TitleComponent ],
   exports:      [ TitleComponent ],
+  // #docregion user-service
   providers:    [ UserService ]
 })
 export class CoreModule {
- // #docregion ctor
+  // #enddocregion user-service
+  // #docregion ctor
   constructor (@Optional() @SkipSelf() parentModule: CoreModule) {
     if (parentModule) {
       throw new Error(
         'CoreModule is already loaded. Import it in the AppModule only');
     }
   }
-// #enddocregion ctor
-
+  // #enddocregion ctor
 
   // #docregion for-root
   static forRoot(config: UserServiceConfig): ModuleWithProviders {
@@ -36,9 +39,8 @@ export class CoreModule {
       ]
     };
   }
-
   // #enddocregion for-root
+  // #docregion user-service
 }
-
+// #enddocregion user-service
 // #enddocregion whole-core-module
-

aio/content/examples/providers/src/app/app.component.ts

@@ -1,26 +1,25 @@
 import { Component, OnInit } from '@angular/core';
 
-import { User } from './core/user';
-import { UserService } from './core/user.service';
+import { User, UserService } from './user.service';
 
+// #docregion component-providers
 @Component({
+  // #enddocregion component-providers
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
+  // #docregion component-providers
   providers: [UserService]
 })
+// #enddocregion component-providers
 export class AppComponent implements OnInit {
   title = 'Users list';
   users: User[];
 
   constructor(private userService: UserService) { }
 
-  getUsers(): void {
-    this.userService.getUsers().then(users => this.users = users);
-  }
-
   ngOnInit(): void {
-    this.getUsers();
+    this.userService.getUsers().then(users => this.users = users);
   }
 
 }

aio/content/examples/providers/src/app/app.module.ts

@@ -1,25 +1,13 @@
-// #docplaster
-// #docregion app-module
-import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { HttpModule } from '@angular/http';
+import { BrowserModule } from '@angular/platform-browser';
 
 import { AppComponent } from './app.component';
-// CoreModule provides the UserService.
-import { CoreModule } from './core/core.module';
+import { UserService } from './user.service';
 
 @NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule,
-    FormsModule,
-    HttpModule,
-    CoreModule
-  ],
-  bootstrap: [AppComponent]
+  imports:      [ BrowserModule ],
+  providers:    [ UserService ],
+  declarations: [ AppComponent ],
+  bootstrap:    [ AppComponent ]
 })
 export class AppModule { }
-// #enddocregion app-module

aio/content/examples/providers/src/app/user.service.ts

@@ -0,0 +1,28 @@
+import { Injectable } from '@angular/core';
+
+export class User {
+  id: number;
+  name: string;
+}
+
+@Injectable()
+export class UserService {
+
+  constructor() { }
+
+  getUsers(): Promise<User[]> {
+    return Promise.resolve([
+      { id: 1, name: 'Maria' },
+      { id: 2, name: 'Alex' },
+      { id: 3, name: 'Chuntao' },
+      { id: 4, name: 'Béatrice' },
+      { id: 5, name: 'Sarah' },
+      { id: 6, name: 'Andrés' },
+      { id: 7, name: 'Abdul' },
+      { id: 8, name: 'Pierre' },
+      { id: 9, name: 'Jiao' },
+      { id: 10, name: 'Seth' }
+    ]);
+  }
+
+}