From 0a791e4a5083a19583ab36d7485430cc5dbaf78a Mon Sep 17 00:00:00 2001 From: George Kalpakas Date: Thu, 30 Jul 2020 13:03:09 +0300 Subject: [PATCH] style(docs-infra): fix docs examples for tslint rule `import-spacing` (#38143) This commit updates the docs examples to be compatible with the `import-spacing` tslint rule. This is in preparation of updating the docs examples `tslint.json` to match the one generated for new Angular CLI apps in a future commit. PR Close #38143 --- .../src/app/app-routing.module.ts | 2 +- .../src/app/app.module.1.ts | 4 +-- .../ajs-quick-reference/src/app/app.module.ts | 6 ++-- .../architecture/src/app/app.module.ts | 16 +++++----- .../src/app/hero-list.component.ts | 6 ++-- .../examples/architecture/src/app/mini-app.ts | 2 +- .../src/app/sales-tax.component.ts | 4 +-- .../src/app/dummy.module.1.ts | 2 +- .../src/app/app.module.ts | 2 +- .../src/app/astronaut.component.ts | 2 +- .../src/app/countdown-parent.component.ts | 4 +-- .../src/app/mission.service.ts | 2 +- .../src/app/missioncontrol.component.ts | 4 +-- .../src/app/votetaker.component.ts | 2 +- .../src/app/app-routing.module.ts | 2 +- .../src/app/app.component.ts | 4 +-- .../src/app/app.module.ts | 32 +++++++++---------- .../src/app/date-logger.service.ts | 2 +- .../src/app/hero-bio.component.ts | 2 +- .../src/app/hero-bios.component.ts | 6 ++-- .../src/app/hero-cache.service.ts | 4 +-- .../src/app/hero-contact.component.ts | 2 +- .../src/app/hero-of-the-month.component.1.ts | 4 +-- .../src/app/hero-of-the-month.component.ts | 10 +++--- .../src/app/hero.service.ts | 2 +- .../src/app/runners-up.ts | 2 +- .../src/app/sorted-heroes.component.ts | 4 +-- .../src/app/user-context.service.ts | 4 +-- .../src/app/app.component.2.ts | 2 +- .../src/app/app.module.ts | 4 +-- .../src/app/car/car-injector.ts | 2 +- .../src/app/car/car.component.ts | 10 +++--- .../src/app/heroes/hero-list.component.1.ts | 4 +-- .../src/app/heroes/hero-list.component.2.ts | 4 +-- .../src/app/heroes/hero-list.component.ts | 4 +-- .../src/app/heroes/hero.service.1.ts | 2 +- .../src/app/heroes/hero.service.2.ts | 4 +-- .../src/app/heroes/hero.service.provider.ts | 2 +- .../src/app/heroes/hero.service.ts | 4 +-- .../src/app/heroes/heroes.component.ts | 2 +- .../src/app/injector.component.ts | 10 +++--- .../src/app/tree-shaking/app.module.ts | 4 +-- .../displaying-data/src/app/app.module.ts | 2 +- .../docs-style-guide/src/app/app.module.ts | 6 ++-- .../src/app/ad-banner.component.ts | 2 +- .../src/app/ad.service.ts | 6 ++-- .../src/app/app.component.ts | 4 +-- .../src/app/app.module.ts | 14 ++++---- .../src/app/hero-job-ad.component.ts | 2 +- .../src/app/hero-profile.component.ts | 4 +-- .../dynamic-form/src/app/app.component.ts | 6 ++-- .../dynamic-form/src/app/app.module.ts | 10 +++--- .../app/dynamic-form-question.component.ts | 4 +-- .../src/app/dynamic-form.component.ts | 8 ++--- .../src/app/question-control.service.ts | 2 +- .../dynamic-form/src/app/question.service.ts | 6 ++-- .../form-validation/src/app/app.module.ts | 4 +-- .../hero-form-reactive.component.1.ts | 2 +- .../examples/forms/src/app/app.module.ts | 6 ++-- .../src/app/app.module.ts | 10 +++--- .../src/app/hero-tax-return.component.ts | 2 +- .../src/app/hero-tax-return.service.ts | 2 +- .../src/app/heroes-list.component.ts | 4 +-- .../src/app/villains-list.component.ts | 2 +- .../src/app/villains.service.ts | 2 +- .../examples/http/src/app/app.module.ts | 26 +++++++-------- .../src/app/after-content.component.ts | 2 +- .../src/app/after-view.component.ts | 2 +- .../src/app/counter.component.ts | 2 +- .../src/app/peek-a-boo.component.ts | 2 +- .../lifecycle-hooks/src/app/spy.component.ts | 2 +- .../ngmodules/src/app/app-routing.module.ts | 2 +- .../src/app/contact/contact-routing.module.ts | 6 ++-- .../src/app/contact/contact.component.ts | 4 +-- .../src/app/contact/contact.module.ts | 8 ++--- .../src/app/contact/contact.service.ts | 2 +- .../customers/customers-detail.component.ts | 4 +-- .../app/customers/customers-routing.module.ts | 6 ++-- .../src/app/customers/customers.component.ts | 2 +- .../src/app/customers/customers.module.ts | 12 +++---- .../src/app/customers/customers.service.ts | 2 +- .../src/app/greeting/greeting.component.ts | 2 +- .../src/app/items/items-detail.component.ts | 4 +-- .../src/app/items/items-list.component.ts | 5 ++- .../src/app/items/items-routing.module.ts | 8 ++--- .../ngmodules/src/app/items/items.module.ts | 12 +++---- .../ngmodules/src/app/items/items.service.ts | 2 +- .../ngmodules/src/app/shared/shared.module.ts | 10 +++--- .../examples/pipes/src/app/fetch-json.pipe.ts | 2 +- .../pipes/src/app/flying-heroes.component.ts | 4 +-- .../admin-dashboard.component.1.ts | 8 ++--- .../admin-dashboard.component.ts | 8 ++--- .../src/app/admin/admin-routing.module.1.ts | 12 +++---- .../src/app/admin/admin-routing.module.2.ts | 14 ++++---- .../src/app/admin/admin-routing.module.3.ts | 12 +++---- .../src/app/admin/admin-routing.module.ts | 12 +++---- .../router/src/app/admin/admin.module.ts | 14 ++++---- .../router/src/app/app-routing.module.1.ts | 8 ++--- .../router/src/app/app-routing.module.2.ts | 8 ++--- .../router/src/app/app-routing.module.3.ts | 6 ++-- .../router/src/app/app-routing.module.4.ts | 8 ++--- .../router/src/app/app-routing.module.5.ts | 6 ++-- .../router/src/app/app-routing.module.6.ts | 6 ++-- .../router/src/app/app-routing.module.ts | 8 ++--- .../router/src/app/app.component.3.ts | 2 +- .../examples/router/src/app/app.module.0.ts | 8 ++--- .../examples/router/src/app/app.module.1.ts | 12 +++---- .../examples/router/src/app/app.module.2.ts | 12 +++---- .../examples/router/src/app/app.module.3.ts | 12 +++---- .../examples/router/src/app/app.module.4.ts | 18 +++++------ .../examples/router/src/app/app.module.5.ts | 18 +++++------ .../examples/router/src/app/app.module.6.ts | 8 ++--- .../examples/router/src/app/app.module.7.ts | 20 ++++++------ .../examples/router/src/app/app.module.ts | 16 +++++----- .../src/app/auth/auth-routing.module.ts | 8 ++--- .../router/src/app/auth/auth.guard.2.ts | 2 +- .../router/src/app/auth/auth.guard.3.ts | 6 ++-- .../router/src/app/auth/auth.guard.4.ts | 6 ++-- .../router/src/app/auth/auth.guard.ts | 6 ++-- .../router/src/app/auth/auth.module.ts | 8 ++--- .../router/src/app/can-deactivate.guard.1.ts | 6 ++-- .../router/src/app/can-deactivate.guard.ts | 4 +-- .../compose-message.component.ts | 2 +- .../crisis-center-routing.module.1.ts | 8 ++--- .../crisis-center-routing.module.2.ts | 12 +++---- .../crisis-center-routing.module.3.ts | 10 +++--- .../crisis-center-routing.module.4.ts | 12 +++---- .../crisis-center-routing.module.ts | 12 +++---- .../app/crisis-center/crisis-center.module.ts | 12 +++---- .../crisis-detail-resolver.service.ts | 10 +++--- .../crisis-detail.component.1.ts | 12 +++---- .../crisis-detail/crisis-detail.component.ts | 4 +-- .../crisis-list/crisis-list.component.1.ts | 10 +++--- .../crisis-list/crisis-list.component.ts | 12 +++---- .../hero-detail/hero-detail.component.2.ts | 4 +-- .../hero-detail/hero-detail.component.3.ts | 2 +- .../hero-detail/hero-detail.component.ts | 2 +- .../heroes/hero-list/hero-list.component.1.ts | 8 ++--- .../heroes/hero-list/hero-list.component.ts | 2 +- .../src/app/heroes/heroes-routing.module.1.ts | 6 ++-- .../src/app/heroes/heroes-routing.module.2.ts | 6 ++-- .../src/app/heroes/heroes-routing.module.ts | 6 ++-- .../router/src/app/heroes/heroes.module.ts | 10 +++--- .../src/app/app.component.ts | 2 +- .../set-document-title/src/app/app.module.ts | 2 +- .../examples/setup/src/app/app.module.ts | 4 +-- aio/content/examples/setup/src/main.ts | 2 +- .../src/app/app.module.ts | 8 ++--- .../examples/styleguide/src/02-05/main.ts | 2 +- .../styleguide/src/04-08/app/app.module.ts | 6 ++-- .../styleguide/src/04-10/app/app.module.ts | 8 ++--- .../src/04-10/app/shared/shared.module.ts | 10 +++--- .../styleguide/src/04-11/app/app.module.ts | 6 ++-- .../src/04-11/app/heroes/heroes.component.ts | 2 +- .../styleguide/src/04-12/app/app.module.ts | 6 ++-- .../styleguide/src/05-04/app/app.module.ts | 8 ++--- .../app/heroes/heroes.component.avoid.ts | 2 +- .../src/05-04/app/heroes/heroes.component.ts | 2 +- .../examples/styleguide/src/app/app.module.ts | 2 +- aio/content/examples/styleguide/src/main.ts | 2 +- .../template-syntax/src/app/app.module.1.ts | 2 +- .../src/app/about/about.component.spec.ts | 4 +-- .../src/app/app.component.router.spec.ts | 32 +++++++++---------- .../testing/src/app/app.component.spec.ts | 2 +- .../examples/testing/src/app/app.module.ts | 22 ++++++------- .../banner/banner-external.component.spec.ts | 8 ++--- .../dashboard-hero.component.spec.ts | 3 +- .../dashboard.component.no-testbed.spec.ts | 4 +-- .../app/dashboard/dashboard.component.spec.ts | 6 ++-- .../src/app/dashboard/dashboard.component.ts | 4 +-- .../src/app/dashboard/dashboard.module.ts | 8 ++--- .../testing/src/app/demo/demo.testbed.spec.ts | 4 +-- .../examples/testing/src/app/demo/demo.ts | 4 +-- .../hero-detail.component.no-testbed.spec.ts | 2 +- .../app/hero/hero-detail.component.spec.ts | 14 ++++---- .../src/app/hero/hero-detail.component.ts | 4 +-- .../src/app/hero/hero-list.component.spec.ts | 10 +++--- .../src/app/hero/hero-list.component.ts | 2 +- .../src/app/hero/hero-routing.module.ts | 6 ++-- .../testing/src/app/hero/hero.module.ts | 2 +- .../app/model/testing/test-hero.service.ts | 8 ++--- .../app/shared/highlight.directive.spec.ts | 4 +-- .../testing/src/app/shared/shared.module.ts | 10 +++--- .../app/twain/twain.component.marbles.spec.ts | 2 +- .../src/app/twain/twain.component.spec.ts | 4 +-- .../src/app/welcome/welcome.component.spec.ts | 2 +- .../examples/testing/src/testing/index.ts | 2 +- .../toh-pt5/src/app/app-routing.module.ts | 8 ++--- .../examples/toh-pt5/src/app/app.module.ts | 18 +++++------ .../app/hero-detail/hero-detail.component.ts | 4 +-- .../toh-pt6/src/app/app-routing.module.ts | 8 ++--- .../examples/toh-pt6/src/app/app.module.ts | 24 +++++++------- .../app/hero-detail/hero-detail.component.ts | 4 +-- .../universal/src/app/app-routing.module.ts | 8 ++--- .../examples/universal/src/app/app.module.ts | 24 +++++++------- .../app/hero-detail/hero-detail.component.ts | 4 +-- .../app/app-routing.module.ts | 2 +- .../app/app.module.ts | 8 ++--- .../phone-detail/phone-detail.component.ts | 2 +- .../user-input/src/app/app.component.ts | 2 +- .../examples/user-input/src/app/app.module.ts | 2 +- 201 files changed, 634 insertions(+), 636 deletions(-) diff --git a/aio/content/examples/ajs-quick-reference/src/app/app-routing.module.ts b/aio/content/examples/ajs-quick-reference/src/app/app-routing.module.ts index a7cbe8a74d..e00e4e4c62 100644 --- a/aio/content/examples/ajs-quick-reference/src/app/app-routing.module.ts +++ b/aio/content/examples/ajs-quick-reference/src/app/app-routing.module.ts @@ -1,6 +1,6 @@ // #docregion import { NgModule } from '@angular/core'; -import { Routes, RouterModule } from '@angular/router'; +import { Routes, RouterModule } from '@angular/router'; import { MovieListComponent } from './movie-list.component'; diff --git a/aio/content/examples/ajs-quick-reference/src/app/app.module.1.ts b/aio/content/examples/ajs-quick-reference/src/app/app.module.1.ts index 5b24020186..530cd295e7 100644 --- a/aio/content/examples/ajs-quick-reference/src/app/app.module.1.ts +++ b/aio/content/examples/ajs-quick-reference/src/app/app.module.1.ts @@ -1,8 +1,8 @@ // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; @NgModule({ imports: [ BrowserModule ], diff --git a/aio/content/examples/ajs-quick-reference/src/app/app.module.ts b/aio/content/examples/ajs-quick-reference/src/app/app.module.ts index 1dc46ad17c..46ae679ee0 100644 --- a/aio/content/examples/ajs-quick-reference/src/app/app.module.ts +++ b/aio/content/examples/ajs-quick-reference/src/app/app.module.ts @@ -1,9 +1,9 @@ // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { FormsModule } from '@angular/forms'; -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { MovieListComponent } from './movie-list.component'; import { AppRoutingModule } from './app-routing.module'; diff --git a/aio/content/examples/architecture/src/app/app.module.ts b/aio/content/examples/architecture/src/app/app.module.ts index f6e64beecd..fdd2da883b 100644 --- a/aio/content/examples/architecture/src/app/app.module.ts +++ b/aio/content/examples/architecture/src/app/app.module.ts @@ -1,15 +1,15 @@ -import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; // #docregion imports -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; // #enddocregion imports import { HeroDetailComponent } from './hero-detail.component'; -import { HeroListComponent } from './hero-list.component'; -import { SalesTaxComponent } from './sales-tax.component'; -import { HeroService } from './hero.service'; -import { BackendService } from './backend.service'; -import { Logger } from './logger.service'; +import { HeroListComponent } from './hero-list.component'; +import { SalesTaxComponent } from './sales-tax.component'; +import { HeroService } from './hero.service'; +import { BackendService } from './backend.service'; +import { Logger } from './logger.service'; @NgModule({ imports: [ diff --git a/aio/content/examples/architecture/src/app/hero-list.component.ts b/aio/content/examples/architecture/src/app/hero-list.component.ts index 4dc0b8e2f3..ba764d8371 100644 --- a/aio/content/examples/architecture/src/app/hero-list.component.ts +++ b/aio/content/examples/architecture/src/app/hero-list.component.ts @@ -1,7 +1,7 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; -import { Hero } from './hero'; -import { HeroService } from './hero.service'; +import { Hero } from './hero'; +import { HeroService } from './hero.service'; // #docregion metadata, providers @Component({ diff --git a/aio/content/examples/architecture/src/app/mini-app.ts b/aio/content/examples/architecture/src/app/mini-app.ts index 85689b6304..dfc22c461e 100644 --- a/aio/content/examples/architecture/src/app/mini-app.ts +++ b/aio/content/examples/architecture/src/app/mini-app.ts @@ -22,7 +22,7 @@ export class AppComponent { } // #docregion module -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; // #docregion import-browser-module import { BrowserModule } from '@angular/platform-browser'; // #enddocregion import-browser-module diff --git a/aio/content/examples/architecture/src/app/sales-tax.component.ts b/aio/content/examples/architecture/src/app/sales-tax.component.ts index 2d33398f4c..9909c28ab8 100644 --- a/aio/content/examples/architecture/src/app/sales-tax.component.ts +++ b/aio/content/examples/architecture/src/app/sales-tax.component.ts @@ -1,7 +1,7 @@ -import { Component } from '@angular/core'; +import { Component } from '@angular/core'; import { SalesTaxService } from './sales-tax.service'; -import { TaxRateService } from './tax-rate.service'; +import { TaxRateService } from './tax-rate.service'; @Component({ selector: 'app-sales-tax', diff --git a/aio/content/examples/attribute-directives/src/app/dummy.module.1.ts b/aio/content/examples/attribute-directives/src/app/dummy.module.1.ts index 14f0216f05..6354889bba 100644 --- a/aio/content/examples/attribute-directives/src/app/dummy.module.1.ts +++ b/aio/content/examples/attribute-directives/src/app/dummy.module.1.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { AppComponent } from './app.component.1'; +import { AppComponent } from './app.component.1'; import { HighlightDirective as HLD1 } from './highlight.directive.1'; import { HighlightDirective as HLD2 } from './highlight.directive.2'; import { HighlightDirective as HLD3 } from './highlight.directive.3'; diff --git a/aio/content/examples/component-interaction/src/app/app.module.ts b/aio/content/examples/component-interaction/src/app/app.module.ts index 7a27465ff8..0363643a71 100644 --- a/aio/content/examples/component-interaction/src/app/app.module.ts +++ b/aio/content/examples/component-interaction/src/app/app.module.ts @@ -1,5 +1,5 @@ import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; +import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; import { AstronautComponent } from './astronaut.component'; diff --git a/aio/content/examples/component-interaction/src/app/astronaut.component.ts b/aio/content/examples/component-interaction/src/app/astronaut.component.ts index 9bd4c9d78c..c87edd7b10 100644 --- a/aio/content/examples/component-interaction/src/app/astronaut.component.ts +++ b/aio/content/examples/component-interaction/src/app/astronaut.component.ts @@ -2,7 +2,7 @@ import { Component, Input, OnDestroy } from '@angular/core'; import { MissionService } from './mission.service'; -import { Subscription } from 'rxjs'; +import { Subscription } from 'rxjs'; @Component({ selector: 'app-astronaut', diff --git a/aio/content/examples/component-interaction/src/app/countdown-parent.component.ts b/aio/content/examples/component-interaction/src/app/countdown-parent.component.ts index 9f4e5bd4df..5c2399d721 100644 --- a/aio/content/examples/component-interaction/src/app/countdown-parent.component.ts +++ b/aio/content/examples/component-interaction/src/app/countdown-parent.component.ts @@ -2,8 +2,8 @@ // #docregion vc import { AfterViewInit, ViewChild } from '@angular/core'; // #docregion lv -import { Component } from '@angular/core'; -import { CountdownTimerComponent } from './countdown-timer.component'; +import { Component } from '@angular/core'; +import { CountdownTimerComponent } from './countdown-timer.component'; // #enddocregion lv // #enddocregion vc diff --git a/aio/content/examples/component-interaction/src/app/mission.service.ts b/aio/content/examples/component-interaction/src/app/mission.service.ts index e8f4a42667..1c450fd88d 100644 --- a/aio/content/examples/component-interaction/src/app/mission.service.ts +++ b/aio/content/examples/component-interaction/src/app/mission.service.ts @@ -1,6 +1,6 @@ // #docregion import { Injectable } from '@angular/core'; -import { Subject } from 'rxjs'; +import { Subject } from 'rxjs'; @Injectable() export class MissionService { diff --git a/aio/content/examples/component-interaction/src/app/missioncontrol.component.ts b/aio/content/examples/component-interaction/src/app/missioncontrol.component.ts index 4c1f539b59..9270d63bb0 100644 --- a/aio/content/examples/component-interaction/src/app/missioncontrol.component.ts +++ b/aio/content/examples/component-interaction/src/app/missioncontrol.component.ts @@ -1,7 +1,7 @@ // #docregion -import { Component } from '@angular/core'; +import { Component } from '@angular/core'; -import { MissionService } from './mission.service'; +import { MissionService } from './mission.service'; @Component({ selector: 'app-mission-control', diff --git a/aio/content/examples/component-interaction/src/app/votetaker.component.ts b/aio/content/examples/component-interaction/src/app/votetaker.component.ts index 7b3de1059b..9f1f85e282 100644 --- a/aio/content/examples/component-interaction/src/app/votetaker.component.ts +++ b/aio/content/examples/component-interaction/src/app/votetaker.component.ts @@ -1,5 +1,5 @@ // #docregion -import { Component } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-vote-taker', diff --git a/aio/content/examples/dependency-injection-in-action/src/app/app-routing.module.ts b/aio/content/examples/dependency-injection-in-action/src/app/app-routing.module.ts index 09a0592d00..52ca1878ab 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/app-routing.module.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/app-routing.module.ts @@ -1,5 +1,5 @@ import { NgModule } from '@angular/core'; -import { Routes, RouterModule } from '@angular/router'; +import { Routes, RouterModule } from '@angular/router'; const routes: Routes = []; diff --git a/aio/content/examples/dependency-injection-in-action/src/app/app.component.ts b/aio/content/examples/dependency-injection-in-action/src/app/app.component.ts index a1992e0892..3c1f49682f 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/app.component.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/app.component.ts @@ -2,9 +2,9 @@ import { Component } from '@angular/core'; // #docregion import-services -import { LoggerService } from './logger.service'; +import { LoggerService } from './logger.service'; import { UserContextService } from './user-context.service'; -import { UserService } from './user.service'; +import { UserService } from './user.service'; @Component({ selector: 'app-root', diff --git a/aio/content/examples/dependency-injection-in-action/src/app/app.module.ts b/aio/content/examples/dependency-injection-in-action/src/app/app.module.ts index 5c48d4f5f5..93926580c2 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/app.module.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/app.module.ts @@ -1,26 +1,26 @@ // #docregion -import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; -import { HttpClientModule } from '@angular/common/http'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; +import { HttpClientModule } from '@angular/common/http'; -// import { AppRoutingModule } from './app-routing.module'; +// import { AppRoutingModule } from './app-routing.module'; import { LocationStrategy, - HashLocationStrategy } from '@angular/common'; -import { NgModule } from '@angular/core'; + HashLocationStrategy } from '@angular/common'; +import { NgModule } from '@angular/core'; -import { HeroData } from './hero-data'; -import { InMemoryWebApiModule } from 'angular-in-memory-web-api'; +import { HeroData } from './hero-data'; +import { InMemoryWebApiModule } from 'angular-in-memory-web-api'; -import { AppComponent } from './app.component'; -import { HeroBioComponent } from './hero-bio.component'; +import { AppComponent } from './app.component'; +import { HeroBioComponent } from './hero-bio.component'; import { HeroBiosComponent, HeroBiosAndContactsComponent } from './hero-bios.component'; -import { HeroOfTheMonthComponent } from './hero-of-the-month.component'; -import { HeroContactComponent } from './hero-contact.component'; +import { HeroOfTheMonthComponent } from './hero-of-the-month.component'; +import { HeroContactComponent } from './hero-contact.component'; import { HeroesBaseComponent, - SortedHeroesComponent } from './sorted-heroes.component'; -import { HighlightDirective } from './highlight.directive'; + SortedHeroesComponent } from './sorted-heroes.component'; +import { HighlightDirective } from './highlight.directive'; import { ParentFinderComponent, AlexComponent, AliceComponent, @@ -30,8 +30,8 @@ import { ParentFinderComponent, CathyComponent, BarryComponent, BethComponent, - BobComponent } from './parent-finder.component'; -import { StorageComponent } from './storage.component'; + BobComponent } from './parent-finder.component'; +import { StorageComponent } from './storage.component'; const declarations = [ AppComponent, diff --git a/aio/content/examples/dependency-injection-in-action/src/app/date-logger.service.ts b/aio/content/examples/dependency-injection-in-action/src/app/date-logger.service.ts index d792018c56..a2a1f02092 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/date-logger.service.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/date-logger.service.ts @@ -1,6 +1,6 @@ /* tslint:disable:one-line*/ // #docregion -import { Injectable } from '@angular/core'; +import { Injectable } from '@angular/core'; import { LoggerService } from './logger.service'; diff --git a/aio/content/examples/dependency-injection-in-action/src/app/hero-bio.component.ts b/aio/content/examples/dependency-injection-in-action/src/app/hero-bio.component.ts index 1e573e6acd..1a73a70dfc 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/hero-bio.component.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/hero-bio.component.ts @@ -1,7 +1,7 @@ // #docregion import { Component, Input, OnInit } from '@angular/core'; -import { HeroCacheService } from './hero-cache.service'; +import { HeroCacheService } from './hero-cache.service'; // #docregion component @Component({ diff --git a/aio/content/examples/dependency-injection-in-action/src/app/hero-bios.component.ts b/aio/content/examples/dependency-injection-in-action/src/app/hero-bios.component.ts index 07f9a85d6b..ee2fdf88ec 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/hero-bios.component.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/hero-bios.component.ts @@ -1,9 +1,9 @@ // #docplaster // #docregion -import { Component } from '@angular/core'; +import { Component } from '@angular/core'; -import { HeroService } from './hero.service'; -import { LoggerService } from './logger.service'; +import { HeroService } from './hero.service'; +import { LoggerService } from './logger.service'; //////// HeroBiosComponent //// // #docregion simple diff --git a/aio/content/examples/dependency-injection-in-action/src/app/hero-cache.service.ts b/aio/content/examples/dependency-injection-in-action/src/app/hero-cache.service.ts index 6dbc7a0c4f..9e1a24fc88 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/hero-cache.service.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/hero-cache.service.ts @@ -1,7 +1,7 @@ // #docregion -import { Injectable } from '@angular/core'; +import { Injectable } from '@angular/core'; -import { Hero } from './hero'; +import { Hero } from './hero'; import { HeroService } from './hero.service'; // #docregion service diff --git a/aio/content/examples/dependency-injection-in-action/src/app/hero-contact.component.ts b/aio/content/examples/dependency-injection-in-action/src/app/hero-contact.component.ts index 5681711831..bdf78a3641 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/hero-contact.component.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/hero-contact.component.ts @@ -3,7 +3,7 @@ import { Component, Host, Optional } from '@angular/core'; import { HeroCacheService } from './hero-cache.service'; -import { LoggerService } from './logger.service'; +import { LoggerService } from './logger.service'; // #docregion component @Component({ diff --git a/aio/content/examples/dependency-injection-in-action/src/app/hero-of-the-month.component.1.ts b/aio/content/examples/dependency-injection-in-action/src/app/hero-of-the-month.component.1.ts index 4eb3a14060..af92bd4159 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/hero-of-the-month.component.1.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/hero-of-the-month.component.1.ts @@ -1,8 +1,8 @@ // Illustrative (not used), mini-version of the actual HeroOfTheMonthComponent // Injecting with the MinimalLogger "interface-class" import { Component, NgModule } from '@angular/core'; -import { LoggerService } from './logger.service'; -import { MinimalLogger } from './minimal-logger.service'; +import { LoggerService } from './logger.service'; +import { MinimalLogger } from './minimal-logger.service'; // #docregion @Component({ diff --git a/aio/content/examples/dependency-injection-in-action/src/app/hero-of-the-month.component.ts b/aio/content/examples/dependency-injection-in-action/src/app/hero-of-the-month.component.ts index 2b44cdfe70..9630fe3575 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/hero-of-the-month.component.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/hero-of-the-month.component.ts @@ -10,12 +10,12 @@ export const TITLE = new InjectionToken('title'); import { Component, Inject } from '@angular/core'; import { DateLoggerService } from './date-logger.service'; -import { Hero } from './hero'; -import { HeroService } from './hero.service'; -import { LoggerService } from './logger.service'; -import { MinimalLogger } from './minimal-logger.service'; +import { Hero } from './hero'; +import { HeroService } from './hero.service'; +import { LoggerService } from './logger.service'; +import { MinimalLogger } from './minimal-logger.service'; import { RUNNERS_UP, - runnersUpFactory } from './runners-up'; + runnersUpFactory } from './runners-up'; // #enddocregion hero-of-the-month // #docregion some-hero diff --git a/aio/content/examples/dependency-injection-in-action/src/app/hero.service.ts b/aio/content/examples/dependency-injection-in-action/src/app/hero.service.ts index 369e2be532..2137613971 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/hero.service.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/hero.service.ts @@ -1,6 +1,6 @@ // #docregion import { Injectable } from '@angular/core'; -import { Hero } from './hero'; +import { Hero } from './hero'; @Injectable({ providedIn: 'root' diff --git a/aio/content/examples/dependency-injection-in-action/src/app/runners-up.ts b/aio/content/examples/dependency-injection-in-action/src/app/runners-up.ts index 0ce81ca55c..96d8557f98 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/runners-up.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/runners-up.ts @@ -2,7 +2,7 @@ // #docregion import { InjectionToken } from '@angular/core'; -import { Hero } from './hero'; +import { Hero } from './hero'; import { HeroService } from './hero.service'; // #docregion runners-up diff --git a/aio/content/examples/dependency-injection-in-action/src/app/sorted-heroes.component.ts b/aio/content/examples/dependency-injection-in-action/src/app/sorted-heroes.component.ts index f5100dddef..9f25b2a9a8 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/sorted-heroes.component.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/sorted-heroes.component.ts @@ -2,8 +2,8 @@ // #docregion import { Component, OnInit } from '@angular/core'; -import { Hero } from './hero'; -import { HeroService } from './hero.service'; +import { Hero } from './hero'; +import { HeroService } from './hero.service'; /////// HeroesBaseComponent ///// // #docregion heroes-base, injection diff --git a/aio/content/examples/dependency-injection-in-action/src/app/user-context.service.ts b/aio/content/examples/dependency-injection-in-action/src/app/user-context.service.ts index 45f24105b3..12cefa552a 100644 --- a/aio/content/examples/dependency-injection-in-action/src/app/user-context.service.ts +++ b/aio/content/examples/dependency-injection-in-action/src/app/user-context.service.ts @@ -1,9 +1,9 @@ // #docplaster // #docregion -import { Injectable } from '@angular/core'; +import { Injectable } from '@angular/core'; import { LoggerService } from './logger.service'; -import { UserService } from './user.service'; +import { UserService } from './user.service'; // #docregion injectables, injectable @Injectable({ diff --git a/aio/content/examples/dependency-injection/src/app/app.component.2.ts b/aio/content/examples/dependency-injection/src/app/app.component.2.ts index c8a2c996b2..1d775e9214 100644 --- a/aio/content/examples/dependency-injection/src/app/app.component.2.ts +++ b/aio/content/examples/dependency-injection/src/app/app.component.2.ts @@ -2,7 +2,7 @@ // #docregion imports import { Component, Inject } from '@angular/core'; -import { APP_CONFIG, AppConfig } from './app.config'; +import { APP_CONFIG, AppConfig } from './app.config'; // #enddocregion imports @Component({ diff --git a/aio/content/examples/dependency-injection/src/app/app.module.ts b/aio/content/examples/dependency-injection/src/app/app.module.ts index 85becdb3b9..981faba079 100644 --- a/aio/content/examples/dependency-injection/src/app/app.module.ts +++ b/aio/content/examples/dependency-injection/src/app/app.module.ts @@ -1,8 +1,8 @@ // #docplaster import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; +import { BrowserModule } from '@angular/platform-browser'; -import { APP_CONFIG, HERO_DI_CONFIG } from './app.config'; +import { APP_CONFIG, HERO_DI_CONFIG } from './app.config'; import { AppComponent } from './app.component'; import { CarComponent } from './car/car.component'; import { HeroesComponent } from './heroes/heroes.component'; diff --git a/aio/content/examples/dependency-injection/src/app/car/car-injector.ts b/aio/content/examples/dependency-injection/src/app/car/car-injector.ts index 931efefc0a..000bff7d26 100644 --- a/aio/content/examples/dependency-injection/src/app/car/car-injector.ts +++ b/aio/content/examples/dependency-injection/src/app/car/car-injector.ts @@ -1,7 +1,7 @@ import { Injector } from '@angular/core'; import { Car, Engine, Tires } from './car'; -import { Logger } from '../logger.service'; +import { Logger } from '../logger.service'; // #docregion injector export function useInjector() { diff --git a/aio/content/examples/dependency-injection/src/app/car/car.component.ts b/aio/content/examples/dependency-injection/src/app/car/car.component.ts index 481ccd6cee..d4f418e058 100644 --- a/aio/content/examples/dependency-injection/src/app/car/car.component.ts +++ b/aio/content/examples/dependency-injection/src/app/car/car.component.ts @@ -1,15 +1,15 @@ // #docregion import { Component } from '@angular/core'; -import { Car, Engine, Tires } from './car'; -import { Car as CarNoDi } from './car-no-di'; -import { CarFactory } from './car-factory'; +import { Car, Engine, Tires } from './car'; +import { Car as CarNoDi } from './car-no-di'; +import { CarFactory } from './car-factory'; import { testCar, simpleCar, - superCar } from './car-creations'; + superCar } from './car-creations'; -import { useInjector } from './car-injector'; +import { useInjector } from './car-injector'; @Component({ diff --git a/aio/content/examples/dependency-injection/src/app/heroes/hero-list.component.1.ts b/aio/content/examples/dependency-injection/src/app/heroes/hero-list.component.1.ts index 5c216f4d03..995d2e4441 100644 --- a/aio/content/examples/dependency-injection/src/app/heroes/hero-list.component.1.ts +++ b/aio/content/examples/dependency-injection/src/app/heroes/hero-list.component.1.ts @@ -1,6 +1,6 @@ // #docregion -import { Component } from '@angular/core'; -import { HEROES } from './mock-heroes'; +import { Component } from '@angular/core'; +import { HEROES } from './mock-heroes'; @Component({ selector: 'app-hero-list', diff --git a/aio/content/examples/dependency-injection/src/app/heroes/hero-list.component.2.ts b/aio/content/examples/dependency-injection/src/app/heroes/hero-list.component.2.ts index 11f27ed4b1..b126a0361e 100644 --- a/aio/content/examples/dependency-injection/src/app/heroes/hero-list.component.2.ts +++ b/aio/content/examples/dependency-injection/src/app/heroes/hero-list.component.2.ts @@ -1,7 +1,7 @@ // #docplaster // #docregion -import { Component } from '@angular/core'; -import { Hero } from './hero'; +import { Component } from '@angular/core'; +import { Hero } from './hero'; // #enddocregion import { HeroService } from './hero.service.1'; /* diff --git a/aio/content/examples/dependency-injection/src/app/heroes/hero-list.component.ts b/aio/content/examples/dependency-injection/src/app/heroes/hero-list.component.ts index 4536a04489..4b0df4daa2 100644 --- a/aio/content/examples/dependency-injection/src/app/heroes/hero-list.component.ts +++ b/aio/content/examples/dependency-injection/src/app/heroes/hero-list.component.ts @@ -1,7 +1,7 @@ /* tslint:disable:one-line */ // #docregion -import { Component } from '@angular/core'; -import { Hero } from './hero'; +import { Component } from '@angular/core'; +import { Hero } from './hero'; import { HeroService } from './hero.service'; @Component({ diff --git a/aio/content/examples/dependency-injection/src/app/heroes/hero.service.1.ts b/aio/content/examples/dependency-injection/src/app/heroes/hero.service.1.ts index 908d75ee65..3ee96adca1 100644 --- a/aio/content/examples/dependency-injection/src/app/heroes/hero.service.1.ts +++ b/aio/content/examples/dependency-injection/src/app/heroes/hero.service.1.ts @@ -1,6 +1,6 @@ // #docregion import { Injectable } from '@angular/core'; -import { HEROES } from './mock-heroes'; +import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root', diff --git a/aio/content/examples/dependency-injection/src/app/heroes/hero.service.2.ts b/aio/content/examples/dependency-injection/src/app/heroes/hero.service.2.ts index a4c1adcd1b..a9bf656e92 100644 --- a/aio/content/examples/dependency-injection/src/app/heroes/hero.service.2.ts +++ b/aio/content/examples/dependency-injection/src/app/heroes/hero.service.2.ts @@ -1,7 +1,7 @@ // #docregion import { Injectable } from '@angular/core'; -import { HEROES } from './mock-heroes'; -import { Logger } from '../logger.service'; +import { HEROES } from './mock-heroes'; +import { Logger } from '../logger.service'; @Injectable({ providedIn: 'root', diff --git a/aio/content/examples/dependency-injection/src/app/heroes/hero.service.provider.ts b/aio/content/examples/dependency-injection/src/app/heroes/hero.service.provider.ts index 6de4ebee90..d976e4ed4d 100644 --- a/aio/content/examples/dependency-injection/src/app/heroes/hero.service.provider.ts +++ b/aio/content/examples/dependency-injection/src/app/heroes/hero.service.provider.ts @@ -1,7 +1,7 @@ /* tslint:disable:one-line */ // #docregion import { HeroService } from './hero.service'; -import { Logger } from '../logger.service'; +import { Logger } from '../logger.service'; import { UserService } from '../user.service'; // #docregion factory diff --git a/aio/content/examples/dependency-injection/src/app/heroes/hero.service.ts b/aio/content/examples/dependency-injection/src/app/heroes/hero.service.ts index 6c6fc27037..37d70fffca 100644 --- a/aio/content/examples/dependency-injection/src/app/heroes/hero.service.ts +++ b/aio/content/examples/dependency-injection/src/app/heroes/hero.service.ts @@ -1,7 +1,7 @@ // #docregion import { Injectable } from '@angular/core'; -import { HEROES } from './mock-heroes'; -import { Logger } from '../logger.service'; +import { HEROES } from './mock-heroes'; +import { Logger } from '../logger.service'; import { UserService } from '../user.service'; @Injectable({ diff --git a/aio/content/examples/dependency-injection/src/app/heroes/heroes.component.ts b/aio/content/examples/dependency-injection/src/app/heroes/heroes.component.ts index 97040c09f0..5a3a7da216 100644 --- a/aio/content/examples/dependency-injection/src/app/heroes/heroes.component.ts +++ b/aio/content/examples/dependency-injection/src/app/heroes/heroes.component.ts @@ -1,5 +1,5 @@ // #docregion -import { Component } from '@angular/core'; +import { Component } from '@angular/core'; import { heroServiceProvider } from './hero.service.provider'; @Component({ diff --git a/aio/content/examples/dependency-injection/src/app/injector.component.ts b/aio/content/examples/dependency-injection/src/app/injector.component.ts index 403a6c427b..759607e17b 100644 --- a/aio/content/examples/dependency-injection/src/app/injector.component.ts +++ b/aio/content/examples/dependency-injection/src/app/injector.component.ts @@ -2,11 +2,11 @@ // #docregion import { Component, Injector, OnInit } from '@angular/core'; -import { Car, Engine, Tires } from './car/car'; -import { Hero } from './heroes/hero'; -import { HeroService } from './heroes/hero.service'; -import { heroServiceProvider } from './heroes/hero.service.provider'; -import { Logger } from './logger.service'; +import { Car, Engine, Tires } from './car/car'; +import { Hero } from './heroes/hero'; +import { HeroService } from './heroes/hero.service'; +import { heroServiceProvider } from './heroes/hero.service.provider'; +import { Logger } from './logger.service'; // #docregion injector @Component({ diff --git a/aio/content/examples/dependency-injection/src/app/tree-shaking/app.module.ts b/aio/content/examples/dependency-injection/src/app/tree-shaking/app.module.ts index 31d79ffc23..a42ee57bfc 100644 --- a/aio/content/examples/dependency-injection/src/app/tree-shaking/app.module.ts +++ b/aio/content/examples/dependency-injection/src/app/tree-shaking/app.module.ts @@ -1,6 +1,6 @@ -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { RouterModule } from '@angular/router'; +import { RouterModule } from '@angular/router'; import { ServiceModule } from './service-and-module'; // #docregion diff --git a/aio/content/examples/displaying-data/src/app/app.module.ts b/aio/content/examples/displaying-data/src/app/app.module.ts index 362f3401fa..691b8c51fc 100644 --- a/aio/content/examples/displaying-data/src/app/app.module.ts +++ b/aio/content/examples/displaying-data/src/app/app.module.ts @@ -1,6 +1,6 @@ // #docregion import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; +import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; diff --git a/aio/content/examples/docs-style-guide/src/app/app.module.ts b/aio/content/examples/docs-style-guide/src/app/app.module.ts index cbcb090547..1297f02c47 100644 --- a/aio/content/examples/docs-style-guide/src/app/app.module.ts +++ b/aio/content/examples/docs-style-guide/src/app/app.module.ts @@ -1,9 +1,9 @@ // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { FormsModule } from '@angular/forms'; -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; // #docregion class @NgModule({ diff --git a/aio/content/examples/dynamic-component-loader/src/app/ad-banner.component.ts b/aio/content/examples/dynamic-component-loader/src/app/ad-banner.component.ts index faf03803d7..2fe5597f95 100644 --- a/aio/content/examples/dynamic-component-loader/src/app/ad-banner.component.ts +++ b/aio/content/examples/dynamic-component-loader/src/app/ad-banner.component.ts @@ -2,7 +2,7 @@ import { Component, Input, OnInit, ViewChild, ComponentFactoryResolver, OnDestroy } from '@angular/core'; import { AdDirective } from './ad.directive'; -import { AdItem } from './ad-item'; +import { AdItem } from './ad-item'; import { AdComponent } from './ad.component'; @Component({ diff --git a/aio/content/examples/dynamic-component-loader/src/app/ad.service.ts b/aio/content/examples/dynamic-component-loader/src/app/ad.service.ts index 91b0758771..8a63dab0bb 100644 --- a/aio/content/examples/dynamic-component-loader/src/app/ad.service.ts +++ b/aio/content/examples/dynamic-component-loader/src/app/ad.service.ts @@ -1,9 +1,9 @@ // #docregion -import { Injectable } from '@angular/core'; +import { Injectable } from '@angular/core'; -import { HeroJobAdComponent } from './hero-job-ad.component'; +import { HeroJobAdComponent } from './hero-job-ad.component'; import { HeroProfileComponent } from './hero-profile.component'; -import { AdItem } from './ad-item'; +import { AdItem } from './ad-item'; @Injectable() export class AdService { diff --git a/aio/content/examples/dynamic-component-loader/src/app/app.component.ts b/aio/content/examples/dynamic-component-loader/src/app/app.component.ts index 1a5fa94dbc..4f208000f9 100644 --- a/aio/content/examples/dynamic-component-loader/src/app/app.component.ts +++ b/aio/content/examples/dynamic-component-loader/src/app/app.component.ts @@ -1,8 +1,8 @@ // #docregion import { Component, OnInit } from '@angular/core'; -import { AdService } from './ad.service'; -import { AdItem } from './ad-item'; +import { AdService } from './ad.service'; +import { AdItem } from './ad-item'; @Component({ selector: 'app-root', diff --git a/aio/content/examples/dynamic-component-loader/src/app/app.module.ts b/aio/content/examples/dynamic-component-loader/src/app/app.module.ts index a65d394709..e642c61008 100644 --- a/aio/content/examples/dynamic-component-loader/src/app/app.module.ts +++ b/aio/content/examples/dynamic-component-loader/src/app/app.module.ts @@ -1,12 +1,12 @@ // #docregion -import { BrowserModule } from '@angular/platform-browser'; -import { NgModule } from '@angular/core'; -import { AppComponent } from './app.component'; -import { HeroJobAdComponent } from './hero-job-ad.component'; -import { AdBannerComponent } from './ad-banner.component'; +import { BrowserModule } from '@angular/platform-browser'; +import { NgModule } from '@angular/core'; +import { AppComponent } from './app.component'; +import { HeroJobAdComponent } from './hero-job-ad.component'; +import { AdBannerComponent } from './ad-banner.component'; import { HeroProfileComponent } from './hero-profile.component'; -import { AdDirective } from './ad.directive'; -import { AdService } from './ad.service'; +import { AdDirective } from './ad.directive'; +import { AdService } from './ad.service'; @NgModule({ imports: [ BrowserModule ], diff --git a/aio/content/examples/dynamic-component-loader/src/app/hero-job-ad.component.ts b/aio/content/examples/dynamic-component-loader/src/app/hero-job-ad.component.ts index 762b815872..ca1270a276 100644 --- a/aio/content/examples/dynamic-component-loader/src/app/hero-job-ad.component.ts +++ b/aio/content/examples/dynamic-component-loader/src/app/hero-job-ad.component.ts @@ -1,7 +1,7 @@ // #docregion import { Component, Input } from '@angular/core'; -import { AdComponent } from './ad.component'; +import { AdComponent } from './ad.component'; @Component({ template: ` diff --git a/aio/content/examples/dynamic-component-loader/src/app/hero-profile.component.ts b/aio/content/examples/dynamic-component-loader/src/app/hero-profile.component.ts index d543683d8c..1c7cd6d0d4 100644 --- a/aio/content/examples/dynamic-component-loader/src/app/hero-profile.component.ts +++ b/aio/content/examples/dynamic-component-loader/src/app/hero-profile.component.ts @@ -1,7 +1,7 @@ // #docregion -import { Component, Input } from '@angular/core'; +import { Component, Input } from '@angular/core'; -import { AdComponent } from './ad.component'; +import { AdComponent } from './ad.component'; @Component({ template: ` diff --git a/aio/content/examples/dynamic-form/src/app/app.component.ts b/aio/content/examples/dynamic-form/src/app/app.component.ts index d8e9dd7e29..64885c44e2 100644 --- a/aio/content/examples/dynamic-form/src/app/app.component.ts +++ b/aio/content/examples/dynamic-form/src/app/app.component.ts @@ -1,9 +1,9 @@ // #docregion -import { Component } from '@angular/core'; +import { Component } from '@angular/core'; import { QuestionService } from './question.service'; -import { QuestionBase } from './question-base'; -import { Observable } from 'rxjs'; +import { QuestionBase } from './question-base'; +import { Observable } from 'rxjs'; @Component({ selector: 'app-root', diff --git a/aio/content/examples/dynamic-form/src/app/app.module.ts b/aio/content/examples/dynamic-form/src/app/app.module.ts index 7a68e45a92..a943aeb4fc 100644 --- a/aio/content/examples/dynamic-form/src/app/app.module.ts +++ b/aio/content/examples/dynamic-form/src/app/app.module.ts @@ -1,10 +1,10 @@ // #docregion -import { BrowserModule } from '@angular/platform-browser'; -import { ReactiveFormsModule } from '@angular/forms'; -import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { ReactiveFormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; -import { AppComponent } from './app.component'; -import { DynamicFormComponent } from './dynamic-form.component'; +import { AppComponent } from './app.component'; +import { DynamicFormComponent } from './dynamic-form.component'; import { DynamicFormQuestionComponent } from './dynamic-form-question.component'; @NgModule({ diff --git a/aio/content/examples/dynamic-form/src/app/dynamic-form-question.component.ts b/aio/content/examples/dynamic-form/src/app/dynamic-form-question.component.ts index 988e4fb39c..1f4fa86451 100644 --- a/aio/content/examples/dynamic-form/src/app/dynamic-form-question.component.ts +++ b/aio/content/examples/dynamic-form/src/app/dynamic-form-question.component.ts @@ -1,8 +1,8 @@ // #docregion import { Component, Input } from '@angular/core'; -import { FormGroup } from '@angular/forms'; +import { FormGroup } from '@angular/forms'; -import { QuestionBase } from './question-base'; +import { QuestionBase } from './question-base'; @Component({ selector: 'app-question', diff --git a/aio/content/examples/dynamic-form/src/app/dynamic-form.component.ts b/aio/content/examples/dynamic-form/src/app/dynamic-form.component.ts index cca09063e3..aff48ed5ff 100644 --- a/aio/content/examples/dynamic-form/src/app/dynamic-form.component.ts +++ b/aio/content/examples/dynamic-form/src/app/dynamic-form.component.ts @@ -1,9 +1,9 @@ // #docregion -import { Component, Input, OnInit } from '@angular/core'; -import { FormGroup } from '@angular/forms'; +import { Component, Input, OnInit } from '@angular/core'; +import { FormGroup } from '@angular/forms'; -import { QuestionBase } from './question-base'; -import { QuestionControlService } from './question-control.service'; +import { QuestionBase } from './question-base'; +import { QuestionControlService } from './question-control.service'; @Component({ selector: 'app-dynamic-form', diff --git a/aio/content/examples/dynamic-form/src/app/question-control.service.ts b/aio/content/examples/dynamic-form/src/app/question-control.service.ts index 1ca0727055..bdfed26136 100644 --- a/aio/content/examples/dynamic-form/src/app/question-control.service.ts +++ b/aio/content/examples/dynamic-form/src/app/question-control.service.ts @@ -1,5 +1,5 @@ // #docregion -import { Injectable } from '@angular/core'; +import { Injectable } from '@angular/core'; import { FormControl, FormGroup, Validators } from '@angular/forms'; import { QuestionBase } from './question-base'; diff --git a/aio/content/examples/dynamic-form/src/app/question.service.ts b/aio/content/examples/dynamic-form/src/app/question.service.ts index 7f80dd78c1..e83bf9b769 100644 --- a/aio/content/examples/dynamic-form/src/app/question.service.ts +++ b/aio/content/examples/dynamic-form/src/app/question.service.ts @@ -1,9 +1,9 @@ // #docregion -import { Injectable } from '@angular/core'; +import { Injectable } from '@angular/core'; import { DropdownQuestion } from './question-dropdown'; -import { QuestionBase } from './question-base'; -import { TextboxQuestion } from './question-textbox'; +import { QuestionBase } from './question-base'; +import { TextboxQuestion } from './question-textbox'; import { of } from 'rxjs'; @Injectable() diff --git a/aio/content/examples/form-validation/src/app/app.module.ts b/aio/content/examples/form-validation/src/app/app.module.ts index bf08854159..340f181d4e 100644 --- a/aio/content/examples/form-validation/src/app/app.module.ts +++ b/aio/content/examples/form-validation/src/app/app.module.ts @@ -1,9 +1,9 @@ // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { BrowserModule } from '@angular/platform-browser'; -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { HeroFormTemplateComponent } from './template/hero-form-template.component'; import { HeroFormReactiveComponent } from './reactive/hero-form-reactive.component'; import { ForbiddenValidatorDirective } from './shared/forbidden-name.directive'; diff --git a/aio/content/examples/form-validation/src/app/reactive/hero-form-reactive.component.1.ts b/aio/content/examples/form-validation/src/app/reactive/hero-form-reactive.component.1.ts index 72b5dbeaec..99200654e0 100644 --- a/aio/content/examples/form-validation/src/app/reactive/hero-form-reactive.component.1.ts +++ b/aio/content/examples/form-validation/src/app/reactive/hero-form-reactive.component.1.ts @@ -1,7 +1,7 @@ /* tslint:disable: member-ordering forin */ // #docplaster // #docregion -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, Validators } from '@angular/forms'; import { forbiddenNameValidator } from '../shared/forbidden-name.directive'; diff --git a/aio/content/examples/forms/src/app/app.module.ts b/aio/content/examples/forms/src/app/app.module.ts index 94d11f726e..f5482927a9 100644 --- a/aio/content/examples/forms/src/app/app.module.ts +++ b/aio/content/examples/forms/src/app/app.module.ts @@ -1,9 +1,9 @@ // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { FormsModule } from '@angular/forms'; -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { HeroFormComponent } from './hero-form/hero-form.component'; @NgModule({ diff --git a/aio/content/examples/hierarchical-dependency-injection/src/app/app.module.ts b/aio/content/examples/hierarchical-dependency-injection/src/app/app.module.ts index 6445bb0f11..a43176f6e7 100644 --- a/aio/content/examples/hierarchical-dependency-injection/src/app/app.module.ts +++ b/aio/content/examples/hierarchical-dependency-injection/src/app/app.module.ts @@ -1,12 +1,12 @@ // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { FormsModule } from '@angular/forms'; -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { HeroTaxReturnComponent } from './hero-tax-return.component'; -import { HeroesListComponent } from './heroes-list.component'; -import { VillainsListComponent } from './villains-list.component'; +import { HeroesListComponent } from './heroes-list.component'; +import { VillainsListComponent } from './villains-list.component'; import { carComponents } from './car.components'; diff --git a/aio/content/examples/hierarchical-dependency-injection/src/app/hero-tax-return.component.ts b/aio/content/examples/hierarchical-dependency-injection/src/app/hero-tax-return.component.ts index e1a8daf656..d44f158a42 100644 --- a/aio/content/examples/hierarchical-dependency-injection/src/app/hero-tax-return.component.ts +++ b/aio/content/examples/hierarchical-dependency-injection/src/app/hero-tax-return.component.ts @@ -1,6 +1,6 @@ // #docregion import { Component, EventEmitter, Input, Output } from '@angular/core'; -import { HeroTaxReturn } from './hero'; +import { HeroTaxReturn } from './hero'; import { HeroTaxReturnService } from './hero-tax-return.service'; @Component({ diff --git a/aio/content/examples/hierarchical-dependency-injection/src/app/hero-tax-return.service.ts b/aio/content/examples/hierarchical-dependency-injection/src/app/hero-tax-return.service.ts index d6ff0f7fff..26b68a6c58 100644 --- a/aio/content/examples/hierarchical-dependency-injection/src/app/hero-tax-return.service.ts +++ b/aio/content/examples/hierarchical-dependency-injection/src/app/hero-tax-return.service.ts @@ -1,5 +1,5 @@ // #docregion -import { Injectable } from '@angular/core'; +import { Injectable } from '@angular/core'; import { HeroTaxReturn } from './hero'; import { HeroesService } from './heroes.service'; diff --git a/aio/content/examples/hierarchical-dependency-injection/src/app/heroes-list.component.ts b/aio/content/examples/hierarchical-dependency-injection/src/app/heroes-list.component.ts index 7e598a8038..093e8a0dac 100644 --- a/aio/content/examples/hierarchical-dependency-injection/src/app/heroes-list.component.ts +++ b/aio/content/examples/hierarchical-dependency-injection/src/app/heroes-list.component.ts @@ -1,9 +1,9 @@ // #docregion -import { Component } from '@angular/core'; +import { Component } from '@angular/core'; import { Observable } from 'rxjs'; import { Hero, HeroTaxReturn } from './hero'; -import { HeroesService } from './heroes.service'; +import { HeroesService } from './heroes.service'; @Component({ selector: 'app-heroes-list', diff --git a/aio/content/examples/hierarchical-dependency-injection/src/app/villains-list.component.ts b/aio/content/examples/hierarchical-dependency-injection/src/app/villains-list.component.ts index aa70bdf3cb..b2bb01e255 100644 --- a/aio/content/examples/hierarchical-dependency-injection/src/app/villains-list.component.ts +++ b/aio/content/examples/hierarchical-dependency-injection/src/app/villains-list.component.ts @@ -1,5 +1,5 @@ // #docregion -import { Component } from '@angular/core'; +import { Component } from '@angular/core'; import { Observable } from 'rxjs'; import { Villain, VillainsService } from './villains.service'; diff --git a/aio/content/examples/hierarchical-dependency-injection/src/app/villains.service.ts b/aio/content/examples/hierarchical-dependency-injection/src/app/villains.service.ts index a8605bd11d..3a8253bf76 100644 --- a/aio/content/examples/hierarchical-dependency-injection/src/app/villains.service.ts +++ b/aio/content/examples/hierarchical-dependency-injection/src/app/villains.service.ts @@ -1,6 +1,6 @@ import { Injectable } from '@angular/core'; -import { of } from 'rxjs'; +import { of } from 'rxjs'; export interface Villain { id: number; name: string; } diff --git a/aio/content/examples/http/src/app/app.module.ts b/aio/content/examples/http/src/app/app.module.ts index 0929ec3a9b..d9a9a5934b 100644 --- a/aio/content/examples/http/src/app/app.module.ts +++ b/aio/content/examples/http/src/app/app.module.ts @@ -1,29 +1,29 @@ // #docplaster // #docregion sketch -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; // #enddocregion sketch -import { FormsModule } from '@angular/forms'; +import { FormsModule } from '@angular/forms'; // #docregion sketch import { HttpClientModule } from '@angular/common/http'; // #enddocregion sketch import { HttpClientXsrfModule } from '@angular/common/http'; import { HttpClientInMemoryWebApiModule } from 'angular-in-memory-web-api'; -import { InMemoryDataService } from './in-memory-data.service'; +import { InMemoryDataService } from './in-memory-data.service'; import { RequestCache, RequestCacheWithMap } from './request-cache.service'; -import { AppComponent } from './app.component'; -import { AuthService } from './auth.service'; -import { ConfigComponent } from './config/config.component'; -import { DownloaderComponent } from './downloader/downloader.component'; -import { HeroesComponent } from './heroes/heroes.component'; -import { HttpErrorHandler } from './http-error-handler.service'; -import { MessageService } from './message.service'; -import { MessagesComponent } from './messages/messages.component'; +import { AppComponent } from './app.component'; +import { AuthService } from './auth.service'; +import { ConfigComponent } from './config/config.component'; +import { DownloaderComponent } from './downloader/downloader.component'; +import { HeroesComponent } from './heroes/heroes.component'; +import { HttpErrorHandler } from './http-error-handler.service'; +import { MessageService } from './message.service'; +import { MessagesComponent } from './messages/messages.component'; import { PackageSearchComponent } from './package-search/package-search.component'; -import { UploaderComponent } from './uploader/uploader.component'; +import { UploaderComponent } from './uploader/uploader.component'; import { httpInterceptorProviders } from './http-interceptors/index'; // #docregion sketch diff --git a/aio/content/examples/lifecycle-hooks/src/app/after-content.component.ts b/aio/content/examples/lifecycle-hooks/src/app/after-content.component.ts index 36d2cff20f..84ab4154ff 100644 --- a/aio/content/examples/lifecycle-hooks/src/app/after-content.component.ts +++ b/aio/content/examples/lifecycle-hooks/src/app/after-content.component.ts @@ -2,7 +2,7 @@ // #docregion import { AfterContentChecked, AfterContentInit, Component, ContentChild } from '@angular/core'; -import { LoggerService } from './logger.service'; +import { LoggerService } from './logger.service'; ////////////////// @Component({ diff --git a/aio/content/examples/lifecycle-hooks/src/app/after-view.component.ts b/aio/content/examples/lifecycle-hooks/src/app/after-view.component.ts index fd09962406..1a1e99d407 100644 --- a/aio/content/examples/lifecycle-hooks/src/app/after-view.component.ts +++ b/aio/content/examples/lifecycle-hooks/src/app/after-view.component.ts @@ -2,7 +2,7 @@ // #docregion import { AfterViewChecked, AfterViewInit, Component, ViewChild } from '@angular/core'; -import { LoggerService } from './logger.service'; +import { LoggerService } from './logger.service'; ////////////////// // #docregion child-view diff --git a/aio/content/examples/lifecycle-hooks/src/app/counter.component.ts b/aio/content/examples/lifecycle-hooks/src/app/counter.component.ts index 4d5198b696..8188303d1f 100644 --- a/aio/content/examples/lifecycle-hooks/src/app/counter.component.ts +++ b/aio/content/examples/lifecycle-hooks/src/app/counter.component.ts @@ -4,7 +4,7 @@ import { OnChanges, SimpleChanges, } from '@angular/core'; -import { LoggerService } from './logger.service'; +import { LoggerService } from './logger.service'; @Component({ selector: 'app-counter', diff --git a/aio/content/examples/lifecycle-hooks/src/app/peek-a-boo.component.ts b/aio/content/examples/lifecycle-hooks/src/app/peek-a-boo.component.ts index 2539b7f763..ac1301cfdf 100644 --- a/aio/content/examples/lifecycle-hooks/src/app/peek-a-boo.component.ts +++ b/aio/content/examples/lifecycle-hooks/src/app/peek-a-boo.component.ts @@ -11,7 +11,7 @@ import { SimpleChanges } from '@angular/core'; import { Component, Input } from '@angular/core'; -import { LoggerService } from './logger.service'; +import { LoggerService } from './logger.service'; let nextId = 1; diff --git a/aio/content/examples/lifecycle-hooks/src/app/spy.component.ts b/aio/content/examples/lifecycle-hooks/src/app/spy.component.ts index 08fc0ee8a0..852788ffec 100644 --- a/aio/content/examples/lifecycle-hooks/src/app/spy.component.ts +++ b/aio/content/examples/lifecycle-hooks/src/app/spy.component.ts @@ -1,7 +1,7 @@ // #docregion import { Component } from '@angular/core'; -import { LoggerService } from './logger.service'; +import { LoggerService } from './logger.service'; @Component({ selector: 'spy-parent', diff --git a/aio/content/examples/ngmodules/src/app/app-routing.module.ts b/aio/content/examples/ngmodules/src/app/app-routing.module.ts index a6336eadce..f915627de8 100644 --- a/aio/content/examples/ngmodules/src/app/app-routing.module.ts +++ b/aio/content/examples/ngmodules/src/app/app-routing.module.ts @@ -1,4 +1,4 @@ -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; export const routes: Routes = [ diff --git a/aio/content/examples/ngmodules/src/app/contact/contact-routing.module.ts b/aio/content/examples/ngmodules/src/app/contact/contact-routing.module.ts index 1bd2521873..a3c1119462 100644 --- a/aio/content/examples/ngmodules/src/app/contact/contact-routing.module.ts +++ b/aio/content/examples/ngmodules/src/app/contact/contact-routing.module.ts @@ -1,7 +1,7 @@ -import { NgModule } from '@angular/core'; -import { RouterModule } from '@angular/router'; +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; -import { ContactComponent } from './contact.component'; +import { ContactComponent } from './contact.component'; const routes = [ { path: 'contact', component: ContactComponent} diff --git a/aio/content/examples/ngmodules/src/app/contact/contact.component.ts b/aio/content/examples/ngmodules/src/app/contact/contact.component.ts index e7dd2107b9..0c4285d295 100644 --- a/aio/content/examples/ngmodules/src/app/contact/contact.component.ts +++ b/aio/content/examples/ngmodules/src/app/contact/contact.component.ts @@ -1,9 +1,9 @@ // Exact copy except import UserService from greeting -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormBuilder, Validators } from '@angular/forms'; import { Contact, ContactService } from './contact.service'; -import { UserService } from '../greeting/user.service'; +import { UserService } from '../greeting/user.service'; @Component({ selector: 'app-contact', diff --git a/aio/content/examples/ngmodules/src/app/contact/contact.module.ts b/aio/content/examples/ngmodules/src/app/contact/contact.module.ts index fe40245721..78244428b2 100644 --- a/aio/content/examples/ngmodules/src/app/contact/contact.module.ts +++ b/aio/content/examples/ngmodules/src/app/contact/contact.module.ts @@ -1,9 +1,9 @@ -import { NgModule } from '@angular/core'; -import { SharedModule } from '../shared/shared.module'; +import { NgModule } from '@angular/core'; +import { SharedModule } from '../shared/shared.module'; import { ReactiveFormsModule } from '@angular/forms'; -import { ContactComponent } from './contact.component'; -import { ContactService } from './contact.service'; +import { ContactComponent } from './contact.component'; +import { ContactService } from './contact.service'; import { ContactRoutingModule } from './contact-routing.module'; @NgModule({ diff --git a/aio/content/examples/ngmodules/src/app/contact/contact.service.ts b/aio/content/examples/ngmodules/src/app/contact/contact.service.ts index a140538ad9..f3326bcbdd 100644 --- a/aio/content/examples/ngmodules/src/app/contact/contact.service.ts +++ b/aio/content/examples/ngmodules/src/app/contact/contact.service.ts @@ -1,7 +1,7 @@ import { Injectable, OnDestroy } from '@angular/core'; import { Observable, of } from 'rxjs'; -import { delay } from 'rxjs/operators'; +import { delay } from 'rxjs/operators'; export class Contact { constructor(public id: number, public name: string) { } diff --git a/aio/content/examples/ngmodules/src/app/customers/customers-detail.component.ts b/aio/content/examples/ngmodules/src/app/customers/customers-detail.component.ts index 11683c9d68..5e2d71677c 100644 --- a/aio/content/examples/ngmodules/src/app/customers/customers-detail.component.ts +++ b/aio/content/examples/ngmodules/src/app/customers/customers-detail.component.ts @@ -1,8 +1,8 @@ import { Component, OnInit } from '@angular/core'; -import { ActivatedRoute } from '@angular/router'; +import { ActivatedRoute } from '@angular/router'; import { Customer, - CustomersService } from './customers.service'; + CustomersService } from './customers.service'; @Component({ template: ` diff --git a/aio/content/examples/ngmodules/src/app/customers/customers-routing.module.ts b/aio/content/examples/ngmodules/src/app/customers/customers-routing.module.ts index 3d268d46b6..035bac5f1a 100644 --- a/aio/content/examples/ngmodules/src/app/customers/customers-routing.module.ts +++ b/aio/content/examples/ngmodules/src/app/customers/customers-routing.module.ts @@ -1,9 +1,9 @@ -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; -import { CustomersComponent } from './customers.component'; -import { CustomersListComponent } from './customers-list.component'; +import { CustomersComponent } from './customers.component'; +import { CustomersListComponent } from './customers-list.component'; import { CustomersDetailComponent } from './customers-detail.component'; const routes: Routes = [ diff --git a/aio/content/examples/ngmodules/src/app/customers/customers.component.ts b/aio/content/examples/ngmodules/src/app/customers/customers.component.ts index 18b6b03666..a0087247d2 100644 --- a/aio/content/examples/ngmodules/src/app/customers/customers.component.ts +++ b/aio/content/examples/ngmodules/src/app/customers/customers.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component } from '@angular/core'; import { CustomersService } from './customers.service'; import { UserService } from '../greeting/user.service'; diff --git a/aio/content/examples/ngmodules/src/app/customers/customers.module.ts b/aio/content/examples/ngmodules/src/app/customers/customers.module.ts index 3249b16ac7..baf7467881 100644 --- a/aio/content/examples/ngmodules/src/app/customers/customers.module.ts +++ b/aio/content/examples/ngmodules/src/app/customers/customers.module.ts @@ -1,12 +1,12 @@ -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; -import { SharedModule } from '../shared/shared.module'; +import { SharedModule } from '../shared/shared.module'; -import { CustomersComponent } from './customers.component'; +import { CustomersComponent } from './customers.component'; import { CustomersDetailComponent } from './customers-detail.component'; -import { CustomersListComponent } from './customers-list.component'; -import { CustomersRoutingModule } from './customers-routing.module'; -import { CustomersService } from './customers.service'; +import { CustomersListComponent } from './customers-list.component'; +import { CustomersRoutingModule } from './customers-routing.module'; +import { CustomersService } from './customers.service'; @NgModule({ diff --git a/aio/content/examples/ngmodules/src/app/customers/customers.service.ts b/aio/content/examples/ngmodules/src/app/customers/customers.service.ts index 0e4d50960b..174181ceb4 100644 --- a/aio/content/examples/ngmodules/src/app/customers/customers.service.ts +++ b/aio/content/examples/ngmodules/src/app/customers/customers.service.ts @@ -1,7 +1,7 @@ import { Injectable, OnDestroy } from '@angular/core'; import { Observable, of } from 'rxjs'; -import { delay } from 'rxjs/operators'; +import { delay } from 'rxjs/operators'; export class Customer { constructor(public id: number, public name: string) { } diff --git a/aio/content/examples/ngmodules/src/app/greeting/greeting.component.ts b/aio/content/examples/ngmodules/src/app/greeting/greeting.component.ts index d08e160665..6c03c4e55e 100644 --- a/aio/content/examples/ngmodules/src/app/greeting/greeting.component.ts +++ b/aio/content/examples/ngmodules/src/app/greeting/greeting.component.ts @@ -1,5 +1,5 @@ import { Component, Input } from '@angular/core'; -import { UserService } from '../greeting/user.service'; +import { UserService } from '../greeting/user.service'; @Component({ selector: 'app-greeting', diff --git a/aio/content/examples/ngmodules/src/app/items/items-detail.component.ts b/aio/content/examples/ngmodules/src/app/items/items-detail.component.ts index a4580ad234..c88a997205 100644 --- a/aio/content/examples/ngmodules/src/app/items/items-detail.component.ts +++ b/aio/content/examples/ngmodules/src/app/items/items-detail.component.ts @@ -1,8 +1,8 @@ import { Component, OnInit } from '@angular/core'; -import { ActivatedRoute } from '@angular/router'; +import { ActivatedRoute } from '@angular/router'; import { Item, - ItemService } from './items.service'; + ItemService } from './items.service'; @Component({ template: ` diff --git a/aio/content/examples/ngmodules/src/app/items/items-list.component.ts b/aio/content/examples/ngmodules/src/app/items/items-list.component.ts index c4859c93cb..a60564a76c 100644 --- a/aio/content/examples/ngmodules/src/app/items/items-list.component.ts +++ b/aio/content/examples/ngmodules/src/app/items/items-list.component.ts @@ -1,8 +1,7 @@ import { Component, OnInit } from '@angular/core'; -import { Observable }from 'rxjs'; +import { Observable } from 'rxjs'; -import { Item, - ItemService } from './items.service'; +import { Item, ItemService } from './items.service'; @Component({ template: ` diff --git a/aio/content/examples/ngmodules/src/app/items/items-routing.module.ts b/aio/content/examples/ngmodules/src/app/items/items-routing.module.ts index 55f0947a23..c2c551c755 100644 --- a/aio/content/examples/ngmodules/src/app/items/items-routing.module.ts +++ b/aio/content/examples/ngmodules/src/app/items/items-routing.module.ts @@ -1,9 +1,9 @@ -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { Routes, - RouterModule } from '@angular/router'; + RouterModule } from '@angular/router'; -import { ItemsListComponent } from './items-list.component'; -import { ItemsDetailComponent } from './items-detail.component'; +import { ItemsListComponent } from './items-list.component'; +import { ItemsDetailComponent } from './items-detail.component'; const routes: Routes = [ { path: '', redirectTo: 'list', pathMatch: 'full'}, diff --git a/aio/content/examples/ngmodules/src/app/items/items.module.ts b/aio/content/examples/ngmodules/src/app/items/items.module.ts index bc749b582a..9b22b48917 100644 --- a/aio/content/examples/ngmodules/src/app/items/items.module.ts +++ b/aio/content/examples/ngmodules/src/app/items/items.module.ts @@ -1,11 +1,11 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; import { ItemsComponent } from './items.component'; -import { ItemsListComponent } from './items-list.component'; -import { ItemsDetailComponent } from './items-detail.component'; -import { ItemService } from './items.service'; -import { ItemsRoutingModule } from './items-routing.module'; +import { ItemsListComponent } from './items-list.component'; +import { ItemsDetailComponent } from './items-detail.component'; +import { ItemService } from './items.service'; +import { ItemsRoutingModule } from './items-routing.module'; @NgModule({ imports: [ CommonModule, ItemsRoutingModule ], diff --git a/aio/content/examples/ngmodules/src/app/items/items.service.ts b/aio/content/examples/ngmodules/src/app/items/items.service.ts index c764ad859e..e148a475b1 100644 --- a/aio/content/examples/ngmodules/src/app/items/items.service.ts +++ b/aio/content/examples/ngmodules/src/app/items/items.service.ts @@ -1,7 +1,7 @@ import { Injectable, OnDestroy } from '@angular/core'; import { Observable, of } from 'rxjs'; -import { delay } from 'rxjs/operators'; +import { delay } from 'rxjs/operators'; export class Item { constructor(public id: number, public name: string) { } diff --git a/aio/content/examples/ngmodules/src/app/shared/shared.module.ts b/aio/content/examples/ngmodules/src/app/shared/shared.module.ts index 477f170c12..95615fba26 100644 --- a/aio/content/examples/ngmodules/src/app/shared/shared.module.ts +++ b/aio/content/examples/ngmodules/src/app/shared/shared.module.ts @@ -1,9 +1,9 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; -import { AwesomePipe } from './awesome.pipe'; -import { HighlightDirective } from './highlight.directive'; +import { AwesomePipe } from './awesome.pipe'; +import { HighlightDirective } from './highlight.directive'; @NgModule({ imports: [ CommonModule ], diff --git a/aio/content/examples/pipes/src/app/fetch-json.pipe.ts b/aio/content/examples/pipes/src/app/fetch-json.pipe.ts index a6696d3b1d..edd4eaa079 100644 --- a/aio/content/examples/pipes/src/app/fetch-json.pipe.ts +++ b/aio/content/examples/pipes/src/app/fetch-json.pipe.ts @@ -1,5 +1,5 @@ // #docregion -import { HttpClient } from '@angular/common/http'; +import { HttpClient } from '@angular/common/http'; import { Pipe, PipeTransform } from '@angular/core'; // #docregion pipe-metadata diff --git a/aio/content/examples/pipes/src/app/flying-heroes.component.ts b/aio/content/examples/pipes/src/app/flying-heroes.component.ts index 43474c5ba8..179b8296e9 100644 --- a/aio/content/examples/pipes/src/app/flying-heroes.component.ts +++ b/aio/content/examples/pipes/src/app/flying-heroes.component.ts @@ -1,8 +1,8 @@ // #docplaster // #docregion -import { Component } from '@angular/core'; +import { Component } from '@angular/core'; -import { HEROES } from './heroes'; +import { HEROES } from './heroes'; @Component({ selector: 'app-flying-heroes', diff --git a/aio/content/examples/router/src/app/admin/admin-dashboard/admin-dashboard.component.1.ts b/aio/content/examples/router/src/app/admin/admin-dashboard/admin-dashboard.component.1.ts index 8806d7cea8..6db32e4807 100644 --- a/aio/content/examples/router/src/app/admin/admin-dashboard/admin-dashboard.component.1.ts +++ b/aio/content/examples/router/src/app/admin/admin-dashboard/admin-dashboard.component.1.ts @@ -1,8 +1,8 @@ // #docregion -import { Component, OnInit } from '@angular/core'; -import { ActivatedRoute } from '@angular/router'; -import { Observable } from 'rxjs'; -import { map } from 'rxjs/operators'; +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute } from '@angular/router'; +import { Observable } from 'rxjs'; +import { map } from 'rxjs/operators'; @Component({ selector: 'app-admin-dashboard', diff --git a/aio/content/examples/router/src/app/admin/admin-dashboard/admin-dashboard.component.ts b/aio/content/examples/router/src/app/admin/admin-dashboard/admin-dashboard.component.ts index 2447f3ad9c..db892d9990 100644 --- a/aio/content/examples/router/src/app/admin/admin-dashboard/admin-dashboard.component.ts +++ b/aio/content/examples/router/src/app/admin/admin-dashboard/admin-dashboard.component.ts @@ -1,8 +1,8 @@ // #docregion -import { Component, OnInit } from '@angular/core'; -import { ActivatedRoute } from '@angular/router'; -import { Observable } from 'rxjs'; -import { map } from 'rxjs/operators'; +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute } from '@angular/router'; +import { Observable } from 'rxjs'; +import { map } from 'rxjs/operators'; import { SelectivePreloadingStrategyService } from '../../selective-preloading-strategy.service'; diff --git a/aio/content/examples/router/src/app/admin/admin-routing.module.1.ts b/aio/content/examples/router/src/app/admin/admin-routing.module.1.ts index 6c3f6cbfc4..3f41e273ff 100644 --- a/aio/content/examples/router/src/app/admin/admin-routing.module.1.ts +++ b/aio/content/examples/router/src/app/admin/admin-routing.module.1.ts @@ -1,12 +1,12 @@ // #docplaster // #docregion -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { NgModule } from '@angular/core'; +import { RouterModule, Routes } from '@angular/router'; -import { AdminComponent } from './admin/admin.component'; -import { AdminDashboardComponent } from './admin-dashboard/admin-dashboard.component'; -import { ManageCrisesComponent } from './manage-crises/manage-crises.component'; -import { ManageHeroesComponent } from './manage-heroes/manage-heroes.component'; +import { AdminComponent } from './admin/admin.component'; +import { AdminDashboardComponent } from './admin-dashboard/admin-dashboard.component'; +import { ManageCrisesComponent } from './manage-crises/manage-crises.component'; +import { ManageHeroesComponent } from './manage-heroes/manage-heroes.component'; // #docregion admin-routes const adminRoutes: Routes = [ diff --git a/aio/content/examples/router/src/app/admin/admin-routing.module.2.ts b/aio/content/examples/router/src/app/admin/admin-routing.module.2.ts index 9b80c24390..3a29df5db9 100644 --- a/aio/content/examples/router/src/app/admin/admin-routing.module.2.ts +++ b/aio/content/examples/router/src/app/admin/admin-routing.module.2.ts @@ -1,15 +1,15 @@ // #docplaster // #docregion -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { NgModule } from '@angular/core'; +import { RouterModule, Routes } from '@angular/router'; -import { AdminComponent } from './admin/admin.component'; -import { AdminDashboardComponent } from './admin-dashboard/admin-dashboard.component'; -import { ManageCrisesComponent } from './manage-crises/manage-crises.component'; -import { ManageHeroesComponent } from './manage-heroes/manage-heroes.component'; +import { AdminComponent } from './admin/admin.component'; +import { AdminDashboardComponent } from './admin-dashboard/admin-dashboard.component'; +import { ManageCrisesComponent } from './manage-crises/manage-crises.component'; +import { ManageHeroesComponent } from './manage-heroes/manage-heroes.component'; // #docregion admin-route -import { AuthGuard } from '../auth/auth.guard'; +import { AuthGuard } from '../auth/auth.guard'; const adminRoutes: Routes = [ { diff --git a/aio/content/examples/router/src/app/admin/admin-routing.module.3.ts b/aio/content/examples/router/src/app/admin/admin-routing.module.3.ts index b337cab0b5..5d9afe4728 100644 --- a/aio/content/examples/router/src/app/admin/admin-routing.module.3.ts +++ b/aio/content/examples/router/src/app/admin/admin-routing.module.3.ts @@ -1,15 +1,15 @@ // #docplaster // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { AdminComponent } from './admin/admin.component'; -import { AdminDashboardComponent } from './admin-dashboard/admin-dashboard.component'; -import { ManageCrisesComponent } from './manage-crises/manage-crises.component'; -import { ManageHeroesComponent } from './manage-heroes/manage-heroes.component'; +import { AdminComponent } from './admin/admin.component'; +import { AdminDashboardComponent } from './admin-dashboard/admin-dashboard.component'; +import { ManageCrisesComponent } from './manage-crises/manage-crises.component'; +import { ManageHeroesComponent } from './manage-heroes/manage-heroes.component'; // #docregion admin-route -import { AuthGuard } from '../auth/auth.guard'; +import { AuthGuard } from '../auth/auth.guard'; // #docregion can-activate-child const adminRoutes: Routes = [ diff --git a/aio/content/examples/router/src/app/admin/admin-routing.module.ts b/aio/content/examples/router/src/app/admin/admin-routing.module.ts index 6faa557b16..985e2bb443 100644 --- a/aio/content/examples/router/src/app/admin/admin-routing.module.ts +++ b/aio/content/examples/router/src/app/admin/admin-routing.module.ts @@ -1,14 +1,14 @@ // #docplaster // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { AdminComponent } from './admin/admin.component'; -import { AdminDashboardComponent } from './admin-dashboard/admin-dashboard.component'; -import { ManageCrisesComponent } from './manage-crises/manage-crises.component'; -import { ManageHeroesComponent } from './manage-heroes/manage-heroes.component'; +import { AdminComponent } from './admin/admin.component'; +import { AdminDashboardComponent } from './admin-dashboard/admin-dashboard.component'; +import { ManageCrisesComponent } from './manage-crises/manage-crises.component'; +import { ManageHeroesComponent } from './manage-heroes/manage-heroes.component'; -import { AuthGuard } from '../auth/auth.guard'; +import { AuthGuard } from '../auth/auth.guard'; const adminRoutes: Routes = [ { diff --git a/aio/content/examples/router/src/app/admin/admin.module.ts b/aio/content/examples/router/src/app/admin/admin.module.ts index d276b0efd5..c17b352d54 100644 --- a/aio/content/examples/router/src/app/admin/admin.module.ts +++ b/aio/content/examples/router/src/app/admin/admin.module.ts @@ -1,13 +1,13 @@ // #docregion -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; -import { AdminComponent } from './admin/admin.component'; -import { AdminDashboardComponent } from './admin-dashboard/admin-dashboard.component'; -import { ManageCrisesComponent } from './manage-crises/manage-crises.component'; -import { ManageHeroesComponent } from './manage-heroes/manage-heroes.component'; +import { AdminComponent } from './admin/admin.component'; +import { AdminDashboardComponent } from './admin-dashboard/admin-dashboard.component'; +import { ManageCrisesComponent } from './manage-crises/manage-crises.component'; +import { ManageHeroesComponent } from './manage-heroes/manage-heroes.component'; -import { AdminRoutingModule } from './admin-routing.module'; +import { AdminRoutingModule } from './admin-routing.module'; @NgModule({ imports: [ diff --git a/aio/content/examples/router/src/app/app-routing.module.1.ts b/aio/content/examples/router/src/app/app-routing.module.1.ts index 181384575f..d568b27de9 100644 --- a/aio/content/examples/router/src/app/app-routing.module.1.ts +++ b/aio/content/examples/router/src/app/app-routing.module.1.ts @@ -1,9 +1,9 @@ // #docregion -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { NgModule } from '@angular/core'; +import { RouterModule, Routes } from '@angular/router'; -import { CrisisListComponent } from './crisis-list/crisis-list.component'; -import { HeroListComponent } from './hero-list/hero-list.component'; +import { CrisisListComponent } from './crisis-list/crisis-list.component'; +import { HeroListComponent } from './hero-list/hero-list.component'; import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; // #docregion appRoutes diff --git a/aio/content/examples/router/src/app/app-routing.module.2.ts b/aio/content/examples/router/src/app/app-routing.module.2.ts index 01192901f6..c232c11091 100644 --- a/aio/content/examples/router/src/app/app-routing.module.2.ts +++ b/aio/content/examples/router/src/app/app-routing.module.2.ts @@ -1,11 +1,11 @@ // #docregion // #docregion milestone3 -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { NgModule } from '@angular/core'; +import { RouterModule, Routes } from '@angular/router'; -import { CrisisListComponent } from './crisis-list/crisis-list.component'; +import { CrisisListComponent } from './crisis-list/crisis-list.component'; // #enddocregion milestone3 -// import { HeroListComponent } from './hero-list/hero-list.component'; // <-- delete this line +// import { HeroListComponent } from './hero-list/hero-list.component'; // <-- delete this line // #docregion milestone3 import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; diff --git a/aio/content/examples/router/src/app/app-routing.module.3.ts b/aio/content/examples/router/src/app/app-routing.module.3.ts index 4351476a4e..5d7c74e921 100644 --- a/aio/content/examples/router/src/app/app-routing.module.3.ts +++ b/aio/content/examples/router/src/app/app-routing.module.3.ts @@ -1,12 +1,12 @@ // #docplaster // #docregion , v3 -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { NgModule } from '@angular/core'; +import { RouterModule, Routes } from '@angular/router'; // #enddocregion v3 import { ComposeMessageComponent } from './compose-message/compose-message.component'; // #docregion v3 -import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; +import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; const appRoutes: Routes = [ // #enddocregion v3 diff --git a/aio/content/examples/router/src/app/app-routing.module.4.ts b/aio/content/examples/router/src/app/app-routing.module.4.ts index 5943ad7d05..892a70fec4 100644 --- a/aio/content/examples/router/src/app/app-routing.module.4.ts +++ b/aio/content/examples/router/src/app/app-routing.module.4.ts @@ -1,10 +1,10 @@ // #docregion -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { NgModule } from '@angular/core'; +import { RouterModule, Routes } from '@angular/router'; import { ComposeMessageComponent } from './compose-message/compose-message.component'; -import { CanDeactivateGuard } from './can-deactivate.guard'; -import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; +import { CanDeactivateGuard } from './can-deactivate.guard'; +import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; const appRoutes: Routes = [ { diff --git a/aio/content/examples/router/src/app/app-routing.module.5.ts b/aio/content/examples/router/src/app/app-routing.module.5.ts index 0bb4abe9b4..112493b86d 100644 --- a/aio/content/examples/router/src/app/app-routing.module.5.ts +++ b/aio/content/examples/router/src/app/app-routing.module.5.ts @@ -1,14 +1,14 @@ // #docplaster // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; // #docregion import-router import { RouterModule, Routes } from '@angular/router'; // #enddocregion import-router import { ComposeMessageComponent } from './compose-message/compose-message.component'; -import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; +import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; -import { AuthGuard } from './auth/auth.guard'; +import { AuthGuard } from './auth/auth.guard'; const appRoutes: Routes = [ diff --git a/aio/content/examples/router/src/app/app-routing.module.6.ts b/aio/content/examples/router/src/app/app-routing.module.6.ts index 8cdd93ca84..33edb0a2b5 100644 --- a/aio/content/examples/router/src/app/app-routing.module.6.ts +++ b/aio/content/examples/router/src/app/app-routing.module.6.ts @@ -1,6 +1,6 @@ // #docplaster // #docregion, preload-v1 -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes, // #enddocregion preload-v1 @@ -9,9 +9,9 @@ import { } from '@angular/router'; import { ComposeMessageComponent } from './compose-message/compose-message.component'; -import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; +import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; -import { AuthGuard } from './auth/auth.guard'; +import { AuthGuard } from './auth/auth.guard'; const appRoutes: Routes = [ { diff --git a/aio/content/examples/router/src/app/app-routing.module.ts b/aio/content/examples/router/src/app/app-routing.module.ts index 4993057d8d..deb5db507b 100644 --- a/aio/content/examples/router/src/app/app-routing.module.ts +++ b/aio/content/examples/router/src/app/app-routing.module.ts @@ -1,12 +1,12 @@ // #docplaster // #docregion, preload-v1 -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { ComposeMessageComponent } from './compose-message/compose-message.component'; -import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; +import { ComposeMessageComponent } from './compose-message/compose-message.component'; +import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; -import { AuthGuard } from './auth/auth.guard'; +import { AuthGuard } from './auth/auth.guard'; import { SelectivePreloadingStrategyService } from './selective-preloading-strategy.service'; const appRoutes: Routes = [ diff --git a/aio/content/examples/router/src/app/app.component.3.ts b/aio/content/examples/router/src/app/app.component.3.ts index a8d8e0de0c..879600274d 100644 --- a/aio/content/examples/router/src/app/app.component.3.ts +++ b/aio/content/examples/router/src/app/app.component.3.ts @@ -1,7 +1,7 @@ /* tslint:disable:no-unused-variable */ // #docplaster import { Component } from '@angular/core'; -import { Router } from '@angular/router'; +import { Router } from '@angular/router'; @Component({ selector: 'app-root', diff --git a/aio/content/examples/router/src/app/app.module.0.ts b/aio/content/examples/router/src/app/app.module.0.ts index ca3c93cb6b..df5b74c6d7 100644 --- a/aio/content/examples/router/src/app/app.module.0.ts +++ b/aio/content/examples/router/src/app/app.module.0.ts @@ -1,11 +1,11 @@ // NEVER USED. For docs only. Should compile though // #docplaster -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { HeroListComponent } from './hero-list/hero-list.component'; -import { CrisisListComponent } from './crisis-list/crisis-list.component'; -import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; +import { HeroListComponent } from './hero-list/hero-list.component'; +import { CrisisListComponent } from './crisis-list/crisis-list.component'; +import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; import { PageNotFoundComponent as HeroDetailComponent } from './page-not-found/page-not-found.component'; // #docregion diff --git a/aio/content/examples/router/src/app/app.module.1.ts b/aio/content/examples/router/src/app/app.module.1.ts index 42a1b546fc..9587edc9b3 100644 --- a/aio/content/examples/router/src/app/app.module.1.ts +++ b/aio/content/examples/router/src/app/app.module.1.ts @@ -1,16 +1,16 @@ // #docplaster // #docregion // #docregion first-config -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; // #docregion import-router import { RouterModule, Routes } from '@angular/router'; // #enddocregion import-router -import { AppComponent } from './app.component'; -import { CrisisListComponent } from './crisis-list/crisis-list.component'; -import { HeroListComponent } from './hero-list/hero-list.component'; +import { AppComponent } from './app.component'; +import { CrisisListComponent } from './crisis-list/crisis-list.component'; +import { HeroListComponent } from './hero-list/hero-list.component'; // #enddocregion first-config import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; // #docregion first-config diff --git a/aio/content/examples/router/src/app/app.module.2.ts b/aio/content/examples/router/src/app/app.module.2.ts index 5bb925b76c..5117f9aab4 100644 --- a/aio/content/examples/router/src/app/app.module.2.ts +++ b/aio/content/examples/router/src/app/app.module.2.ts @@ -1,15 +1,15 @@ // #docplaster // #docregion // #docregion hero-import -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; -import { CrisisListComponent } from './crisis-list/crisis-list.component'; -import { HeroListComponent } from './hero-list/hero-list.component'; +import { CrisisListComponent } from './crisis-list/crisis-list.component'; +import { HeroListComponent } from './hero-list/hero-list.component'; import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; @NgModule({ diff --git a/aio/content/examples/router/src/app/app.module.3.ts b/aio/content/examples/router/src/app/app.module.3.ts index 4393a1b935..0fd2e0557d 100644 --- a/aio/content/examples/router/src/app/app.module.3.ts +++ b/aio/content/examples/router/src/app/app.module.3.ts @@ -1,18 +1,18 @@ // #docplaster // #docregion // #docregion remove-heroes -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; // #enddocregion remove-heroes import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; // #docregion remove-heroes -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; -import { HeroesModule } from './heroes/heroes.module'; +import { HeroesModule } from './heroes/heroes.module'; -import { CrisisListComponent } from './crisis-list/crisis-list.component'; +import { CrisisListComponent } from './crisis-list/crisis-list.component'; import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; @NgModule({ diff --git a/aio/content/examples/router/src/app/app.module.4.ts b/aio/content/examples/router/src/app/app.module.4.ts index 104a352e5d..ae0fe92822 100644 --- a/aio/content/examples/router/src/app/app.module.4.ts +++ b/aio/content/examples/router/src/app/app.module.4.ts @@ -1,20 +1,20 @@ // #docplaster // #docregion // #docregion crisis-center-module, admin-module -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; -import { AppComponent } from './app.component'; -import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; +import { AppComponent } from './app.component'; +import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; import { ComposeMessageComponent } from './compose-message/compose-message.component'; -import { AppRoutingModule } from './app-routing.module'; -import { HeroesModule } from './heroes/heroes.module'; -import { CrisisCenterModule } from './crisis-center/crisis-center.module'; +import { AppRoutingModule } from './app-routing.module'; +import { HeroesModule } from './heroes/heroes.module'; +import { CrisisCenterModule } from './crisis-center/crisis-center.module'; // #enddocregion crisis-center-module -import { AdminModule } from './admin/admin.module'; +import { AdminModule } from './admin/admin.module'; // #docregion crisis-center-module @NgModule({ diff --git a/aio/content/examples/router/src/app/app.module.5.ts b/aio/content/examples/router/src/app/app.module.5.ts index 593c513e04..46d3781abf 100644 --- a/aio/content/examples/router/src/app/app.module.5.ts +++ b/aio/content/examples/router/src/app/app.module.5.ts @@ -1,19 +1,19 @@ // #docplaster // #docregion -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; -import { AppComponent } from './app.component'; -import { AppRoutingModule } from './app-routing.module'; +import { AppComponent } from './app.component'; +import { AppRoutingModule } from './app-routing.module'; -import { HeroesModule } from './heroes/heroes.module'; -import { CrisisCenterModule } from './crisis-center/crisis-center.module'; +import { HeroesModule } from './heroes/heroes.module'; +import { CrisisCenterModule } from './crisis-center/crisis-center.module'; import { ComposeMessageComponent } from './compose-message/compose-message.component'; -import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; +import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; -import { AdminModule } from './admin/admin.module'; +import { AdminModule } from './admin/admin.module'; @NgModule({ imports: [ diff --git a/aio/content/examples/router/src/app/app.module.6.ts b/aio/content/examples/router/src/app/app.module.6.ts index 6875f40d5e..f8dd92b238 100644 --- a/aio/content/examples/router/src/app/app.module.6.ts +++ b/aio/content/examples/router/src/app/app.module.6.ts @@ -1,10 +1,10 @@ // #docregion -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; import { Routes, RouterModule } from '@angular/router'; -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; const routes: Routes = [ diff --git a/aio/content/examples/router/src/app/app.module.7.ts b/aio/content/examples/router/src/app/app.module.7.ts index 2e0428583d..51a5e8446c 100644 --- a/aio/content/examples/router/src/app/app.module.7.ts +++ b/aio/content/examples/router/src/app/app.module.7.ts @@ -1,17 +1,17 @@ // #docregion -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; -import { Router } from '@angular/router'; +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; +import { Router } from '@angular/router'; -import { AppComponent } from './app.component'; -import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; +import { AppComponent } from './app.component'; +import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; import { ComposeMessageComponent } from './compose-message/compose-message.component'; -import { AppRoutingModule } from './app-routing.module'; -import { HeroesModule } from './heroes/heroes.module'; -import { CrisisCenterModule } from './crisis-center/crisis-center.module'; -import { AuthModule } from './auth/auth.module'; +import { AppRoutingModule } from './app-routing.module'; +import { HeroesModule } from './heroes/heroes.module'; +import { CrisisCenterModule } from './crisis-center/crisis-center.module'; +import { AuthModule } from './auth/auth.module'; @NgModule({ imports: [ diff --git a/aio/content/examples/router/src/app/app.module.ts b/aio/content/examples/router/src/app/app.module.ts index 38168eb011..4e85829763 100644 --- a/aio/content/examples/router/src/app/app.module.ts +++ b/aio/content/examples/router/src/app/app.module.ts @@ -1,8 +1,8 @@ // #docplaster // #docregion auth, preload -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; // #docregion animations-module import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; @@ -12,13 +12,13 @@ import { Router } from '@angular/router'; // #enddocregion inspect-config // #docregion auth -import { AppComponent } from './app.component'; -import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; +import { AppComponent } from './app.component'; +import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; import { ComposeMessageComponent } from './compose-message/compose-message.component'; -import { AppRoutingModule } from './app-routing.module'; -import { HeroesModule } from './heroes/heroes.module'; -import { AuthModule } from './auth/auth.module'; +import { AppRoutingModule } from './app-routing.module'; +import { HeroesModule } from './heroes/heroes.module'; +import { AuthModule } from './auth/auth.module'; // #docregion animations-module @NgModule({ diff --git a/aio/content/examples/router/src/app/auth/auth-routing.module.ts b/aio/content/examples/router/src/app/auth/auth-routing.module.ts index 78d28ddfc8..114752afa6 100644 --- a/aio/content/examples/router/src/app/auth/auth-routing.module.ts +++ b/aio/content/examples/router/src/app/auth/auth-routing.module.ts @@ -1,9 +1,9 @@ // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { AuthGuard } from './auth.guard'; -import { AuthService } from './auth.service'; -import { LoginComponent } from './login/login.component'; +import { AuthGuard } from './auth.guard'; +import { AuthService } from './auth.service'; +import { LoginComponent } from './login/login.component'; const authRoutes: Routes = [ { path: 'login', component: LoginComponent } diff --git a/aio/content/examples/router/src/app/auth/auth.guard.2.ts b/aio/content/examples/router/src/app/auth/auth.guard.2.ts index 1b813fc5c2..f34bd21204 100644 --- a/aio/content/examples/router/src/app/auth/auth.guard.2.ts +++ b/aio/content/examples/router/src/app/auth/auth.guard.2.ts @@ -2,7 +2,7 @@ import { Injectable } from '@angular/core'; import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router, UrlTree } from '@angular/router'; -import { AuthService } from './auth.service'; +import { AuthService } from './auth.service'; @Injectable({ providedIn: 'root', diff --git a/aio/content/examples/router/src/app/auth/auth.guard.3.ts b/aio/content/examples/router/src/app/auth/auth.guard.3.ts index 5b958074f9..e4500e0759 100644 --- a/aio/content/examples/router/src/app/auth/auth.guard.3.ts +++ b/aio/content/examples/router/src/app/auth/auth.guard.3.ts @@ -1,13 +1,13 @@ // #docregion can-activate-child -import { Injectable } from '@angular/core'; +import { Injectable } from '@angular/core'; import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot, CanActivateChild, UrlTree -} from '@angular/router'; -import { AuthService } from './auth.service'; +} from '@angular/router'; +import { AuthService } from './auth.service'; @Injectable({ providedIn: 'root', diff --git a/aio/content/examples/router/src/app/auth/auth.guard.4.ts b/aio/content/examples/router/src/app/auth/auth.guard.4.ts index 13c8f9dff1..f1648e1f8b 100644 --- a/aio/content/examples/router/src/app/auth/auth.guard.4.ts +++ b/aio/content/examples/router/src/app/auth/auth.guard.4.ts @@ -1,6 +1,6 @@ // #docplaster // #docregion -import { Injectable } from '@angular/core'; +import { Injectable } from '@angular/core'; import { CanActivate, Router, ActivatedRouteSnapshot, @@ -8,8 +8,8 @@ import { CanActivateChild, NavigationExtras, UrlTree -} from '@angular/router'; -import { AuthService } from './auth.service'; +} from '@angular/router'; +import { AuthService } from './auth.service'; @Injectable({ providedIn: 'root', diff --git a/aio/content/examples/router/src/app/auth/auth.guard.ts b/aio/content/examples/router/src/app/auth/auth.guard.ts index 8f7d863cc1..61756a91f7 100644 --- a/aio/content/examples/router/src/app/auth/auth.guard.ts +++ b/aio/content/examples/router/src/app/auth/auth.guard.ts @@ -1,5 +1,5 @@ // #docplaster -import { Injectable } from '@angular/core'; +import { Injectable } from '@angular/core'; import { CanActivate, Router, ActivatedRouteSnapshot, @@ -7,8 +7,8 @@ import { CanActivateChild, NavigationExtras, CanLoad, Route -} from '@angular/router'; -import { AuthService } from './auth.service'; +} from '@angular/router'; +import { AuthService } from './auth.service'; @Injectable({ providedIn: 'root', diff --git a/aio/content/examples/router/src/app/auth/auth.module.ts b/aio/content/examples/router/src/app/auth/auth.module.ts index f81d867862..0c6a43d684 100644 --- a/aio/content/examples/router/src/app/auth/auth.module.ts +++ b/aio/content/examples/router/src/app/auth/auth.module.ts @@ -1,10 +1,10 @@ // #docplaster // #docregion -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; -import { LoginComponent } from './login/login.component'; +import { LoginComponent } from './login/login.component'; import { AuthRoutingModule } from './auth-routing.module'; // #docregion v1 diff --git a/aio/content/examples/router/src/app/can-deactivate.guard.1.ts b/aio/content/examples/router/src/app/can-deactivate.guard.1.ts index b490093d42..70ac2190c4 100644 --- a/aio/content/examples/router/src/app/can-deactivate.guard.1.ts +++ b/aio/content/examples/router/src/app/can-deactivate.guard.1.ts @@ -1,9 +1,9 @@ // #docregion -import { Injectable } from '@angular/core'; -import { Observable } from 'rxjs'; +import { Injectable } from '@angular/core'; +import { Observable } from 'rxjs'; import { CanDeactivate, ActivatedRouteSnapshot, - RouterStateSnapshot } from '@angular/router'; + RouterStateSnapshot } from '@angular/router'; import { CrisisDetailComponent } from './crisis-center/crisis-detail/crisis-detail.component'; diff --git a/aio/content/examples/router/src/app/can-deactivate.guard.ts b/aio/content/examples/router/src/app/can-deactivate.guard.ts index 41a93a2af4..5974ac266e 100644 --- a/aio/content/examples/router/src/app/can-deactivate.guard.ts +++ b/aio/content/examples/router/src/app/can-deactivate.guard.ts @@ -1,7 +1,7 @@ // #docregion -import { Injectable } from '@angular/core'; +import { Injectable } from '@angular/core'; import { CanDeactivate } from '@angular/router'; -import { Observable } from 'rxjs'; +import { Observable } from 'rxjs'; export interface CanComponentDeactivate { canDeactivate: () => Observable | Promise | boolean; diff --git a/aio/content/examples/router/src/app/compose-message/compose-message.component.ts b/aio/content/examples/router/src/app/compose-message/compose-message.component.ts index 445eb8e396..534a341ca5 100644 --- a/aio/content/examples/router/src/app/compose-message/compose-message.component.ts +++ b/aio/content/examples/router/src/app/compose-message/compose-message.component.ts @@ -1,6 +1,6 @@ // #docregion import { Component, HostBinding } from '@angular/core'; -import { Router } from '@angular/router'; +import { Router } from '@angular/router'; @Component({ selector: 'app-compose-message', diff --git a/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.1.ts b/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.1.ts index c002b2ebb3..24dc4f7bc2 100644 --- a/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.1.ts +++ b/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.1.ts @@ -1,12 +1,12 @@ // #docplaster // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { CrisisCenterHomeComponent } from './crisis-center-home/crisis-center-home.component'; -import { CrisisListComponent } from './crisis-list/crisis-list.component'; -import { CrisisCenterComponent } from './crisis-center/crisis-center.component'; -import { CrisisDetailComponent } from './crisis-detail/crisis-detail.component'; +import { CrisisListComponent } from './crisis-list/crisis-list.component'; +import { CrisisCenterComponent } from './crisis-center/crisis-center.component'; +import { CrisisDetailComponent } from './crisis-detail/crisis-detail.component'; // #docregion routes const crisisCenterRoutes: Routes = [ diff --git a/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.2.ts b/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.2.ts index 5bc0dfee02..d894507e1e 100644 --- a/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.2.ts +++ b/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.2.ts @@ -1,19 +1,19 @@ // #docplaster // #docregion routes -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { CrisisCenterHomeComponent } from './crisis-center-home/crisis-center-home.component'; -import { CrisisListComponent } from './crisis-list/crisis-list.component'; -import { CrisisCenterComponent } from './crisis-center/crisis-center.component'; -import { CrisisDetailComponent } from './crisis-detail/crisis-detail.component'; +import { CrisisListComponent } from './crisis-list/crisis-list.component'; +import { CrisisCenterComponent } from './crisis-center/crisis-center.component'; +import { CrisisDetailComponent } from './crisis-detail/crisis-detail.component'; // #enddocregion routes // #docregion can-deactivate-guard -import { CanDeactivateGuard } from '../can-deactivate.guard'; +import { CanDeactivateGuard } from '../can-deactivate.guard'; // #enddocregion can-deactivate-guard // #docregion crisis-detail-resolver -import { CrisisDetailResolverService } from './crisis-detail-resolver.service'; +import { CrisisDetailResolverService } from './crisis-detail-resolver.service'; // #enddocregion crisis-detail-resolver // #docregion routes diff --git a/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.3.ts b/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.3.ts index f134bd34e9..4082a7d433 100644 --- a/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.3.ts +++ b/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.3.ts @@ -1,15 +1,15 @@ // #docplaster // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { CrisisCenterHomeComponent } from './crisis-center-home/crisis-center-home.component'; -import { CrisisListComponent } from './crisis-list/crisis-list.component'; -import { CrisisCenterComponent } from './crisis-center/crisis-center.component'; -import { CrisisDetailComponent } from './crisis-detail/crisis-detail.component'; +import { CrisisListComponent } from './crisis-list/crisis-list.component'; +import { CrisisCenterComponent } from './crisis-center/crisis-center.component'; +import { CrisisDetailComponent } from './crisis-detail/crisis-detail.component'; // #docregion can-deactivate-guard -import { CanDeactivateGuard } from '../can-deactivate.guard'; +import { CanDeactivateGuard } from '../can-deactivate.guard'; const crisisCenterRoutes: Routes = [ { diff --git a/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.4.ts b/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.4.ts index 03ffed2ec2..9774c2f0b3 100644 --- a/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.4.ts +++ b/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.4.ts @@ -1,15 +1,15 @@ // #docplaster // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { CrisisCenterHomeComponent } from './crisis-center-home/crisis-center-home.component'; -import { CrisisListComponent } from './crisis-list/crisis-list.component'; -import { CrisisCenterComponent } from './crisis-center/crisis-center.component'; -import { CrisisDetailComponent } from './crisis-detail/crisis-detail.component'; +import { CrisisListComponent } from './crisis-list/crisis-list.component'; +import { CrisisCenterComponent } from './crisis-center/crisis-center.component'; +import { CrisisDetailComponent } from './crisis-detail/crisis-detail.component'; -import { CanDeactivateGuard } from '../can-deactivate.guard'; -import { CrisisDetailResolverService } from './crisis-detail-resolver.service'; +import { CanDeactivateGuard } from '../can-deactivate.guard'; +import { CrisisDetailResolverService } from './crisis-detail-resolver.service'; const crisisCenterRoutes: Routes = [ { diff --git a/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.ts b/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.ts index 393deb7d8d..74200a8427 100644 --- a/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.ts +++ b/aio/content/examples/router/src/app/crisis-center/crisis-center-routing.module.ts @@ -1,15 +1,15 @@ // #docplaster // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { CrisisCenterHomeComponent } from './crisis-center-home/crisis-center-home.component'; -import { CrisisListComponent } from './crisis-list/crisis-list.component'; -import { CrisisCenterComponent } from './crisis-center/crisis-center.component'; -import { CrisisDetailComponent } from './crisis-detail/crisis-detail.component'; +import { CrisisListComponent } from './crisis-list/crisis-list.component'; +import { CrisisCenterComponent } from './crisis-center/crisis-center.component'; +import { CrisisDetailComponent } from './crisis-detail/crisis-detail.component'; -import { CanDeactivateGuard } from '../can-deactivate.guard'; -import { CrisisDetailResolverService } from './crisis-detail-resolver.service'; +import { CanDeactivateGuard } from '../can-deactivate.guard'; +import { CrisisDetailResolverService } from './crisis-detail-resolver.service'; const crisisCenterRoutes: Routes = [ { diff --git a/aio/content/examples/router/src/app/crisis-center/crisis-center.module.ts b/aio/content/examples/router/src/app/crisis-center/crisis-center.module.ts index fb6753011e..f14420fe8f 100644 --- a/aio/content/examples/router/src/app/crisis-center/crisis-center.module.ts +++ b/aio/content/examples/router/src/app/crisis-center/crisis-center.module.ts @@ -1,12 +1,12 @@ // #docregion -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { CommonModule } from '@angular/common'; +import { NgModule } from '@angular/core'; +import { FormsModule } from '@angular/forms'; +import { CommonModule } from '@angular/common'; import { CrisisCenterHomeComponent } from './crisis-center-home/crisis-center-home.component'; -import { CrisisListComponent } from './crisis-list/crisis-list.component'; -import { CrisisCenterComponent } from './crisis-center/crisis-center.component'; -import { CrisisDetailComponent } from './crisis-detail/crisis-detail.component'; +import { CrisisListComponent } from './crisis-list/crisis-list.component'; +import { CrisisCenterComponent } from './crisis-center/crisis-center.component'; +import { CrisisDetailComponent } from './crisis-detail/crisis-detail.component'; import { CrisisCenterRoutingModule } from './crisis-center-routing.module'; diff --git a/aio/content/examples/router/src/app/crisis-center/crisis-detail-resolver.service.ts b/aio/content/examples/router/src/app/crisis-center/crisis-detail-resolver.service.ts index eed3b2a190..bd9b468bf0 100644 --- a/aio/content/examples/router/src/app/crisis-center/crisis-detail-resolver.service.ts +++ b/aio/content/examples/router/src/app/crisis-center/crisis-detail-resolver.service.ts @@ -1,15 +1,15 @@ // #docregion -import { Injectable } from '@angular/core'; +import { Injectable } from '@angular/core'; import { Router, Resolve, RouterStateSnapshot, ActivatedRouteSnapshot -} from '@angular/router'; -import { Observable, of, EMPTY } from 'rxjs'; -import { mergeMap, take } from 'rxjs/operators'; +} from '@angular/router'; +import { Observable, of, EMPTY } from 'rxjs'; +import { mergeMap, take } from 'rxjs/operators'; -import { CrisisService } from './crisis.service'; +import { CrisisService } from './crisis.service'; import { Crisis } from './crisis'; @Injectable({ diff --git a/aio/content/examples/router/src/app/crisis-center/crisis-detail/crisis-detail.component.1.ts b/aio/content/examples/router/src/app/crisis-center/crisis-detail/crisis-detail.component.1.ts index 8a70cd9b86..18bb53e2ca 100644 --- a/aio/content/examples/router/src/app/crisis-center/crisis-detail/crisis-detail.component.1.ts +++ b/aio/content/examples/router/src/app/crisis-center/crisis-detail/crisis-detail.component.1.ts @@ -1,13 +1,13 @@ // #docplaster // #docregion -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ActivatedRoute, Router, ParamMap } from '@angular/router'; -import { Observable } from 'rxjs'; -import { switchMap } from 'rxjs/operators'; +import { Observable } from 'rxjs'; +import { switchMap } from 'rxjs/operators'; -import { CrisisService } from '../crisis.service'; -import { Crisis } from '../crisis'; -import { DialogService } from '../../dialog.service'; +import { CrisisService } from '../crisis.service'; +import { Crisis } from '../crisis'; +import { DialogService } from '../../dialog.service'; @Component({ selector: 'app-crisis-detail', diff --git a/aio/content/examples/router/src/app/crisis-center/crisis-detail/crisis-detail.component.ts b/aio/content/examples/router/src/app/crisis-center/crisis-detail/crisis-detail.component.ts index 1aeeff58aa..7e3d9b059e 100644 --- a/aio/content/examples/router/src/app/crisis-center/crisis-detail/crisis-detail.component.ts +++ b/aio/content/examples/router/src/app/crisis-center/crisis-detail/crisis-detail.component.ts @@ -4,8 +4,8 @@ import { Component, OnInit, HostBinding } from '@angular/core'; import { ActivatedRoute, Router } from '@angular/router'; import { Observable } from 'rxjs'; -import { Crisis } from '../crisis'; -import { DialogService } from '../../dialog.service'; +import { Crisis } from '../crisis'; +import { DialogService } from '../../dialog.service'; @Component({ selector: 'app-crisis-detail', diff --git a/aio/content/examples/router/src/app/crisis-center/crisis-list/crisis-list.component.1.ts b/aio/content/examples/router/src/app/crisis-center/crisis-list/crisis-list.component.1.ts index eac3ba228e..2c01ce0095 100644 --- a/aio/content/examples/router/src/app/crisis-center/crisis-list/crisis-list.component.1.ts +++ b/aio/content/examples/router/src/app/crisis-center/crisis-list/crisis-list.component.1.ts @@ -1,11 +1,11 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ActivatedRoute, ParamMap } from '@angular/router'; -import { CrisisService } from '../crisis.service'; -import { Crisis } from '../crisis'; -import { Observable } from 'rxjs'; -import { switchMap } from 'rxjs/operators'; +import { CrisisService } from '../crisis.service'; +import { Crisis } from '../crisis'; +import { Observable } from 'rxjs'; +import { switchMap } from 'rxjs/operators'; @Component({ selector: 'app-crisis-list', diff --git a/aio/content/examples/router/src/app/crisis-center/crisis-list/crisis-list.component.ts b/aio/content/examples/router/src/app/crisis-center/crisis-list/crisis-list.component.ts index 21a6e63fb0..bb4bc56284 100644 --- a/aio/content/examples/router/src/app/crisis-center/crisis-list/crisis-list.component.ts +++ b/aio/content/examples/router/src/app/crisis-center/crisis-list/crisis-list.component.ts @@ -1,11 +1,11 @@ // #docregion -import { Component, OnInit } from '@angular/core'; -import { ActivatedRoute } from '@angular/router'; +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute } from '@angular/router'; -import { CrisisService } from '../crisis.service'; -import { Crisis } from '../crisis'; -import { Observable } from 'rxjs'; -import { switchMap } from 'rxjs/operators'; +import { CrisisService } from '../crisis.service'; +import { Crisis } from '../crisis'; +import { Observable } from 'rxjs'; +import { switchMap } from 'rxjs/operators'; @Component({ selector: 'app-crisis-list', diff --git a/aio/content/examples/router/src/app/heroes/hero-detail/hero-detail.component.2.ts b/aio/content/examples/router/src/app/heroes/hero-detail/hero-detail.component.2.ts index 23d7e4fdc9..6652848546 100644 --- a/aio/content/examples/router/src/app/heroes/hero-detail/hero-detail.component.2.ts +++ b/aio/content/examples/router/src/app/heroes/hero-detail/hero-detail.component.2.ts @@ -1,8 +1,8 @@ // Snapshot version // #docregion -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ActivatedRoute, Router } from '@angular/router'; -import { Observable } from 'rxjs'; +import { Observable } from 'rxjs'; import { HeroService } from '../hero.service'; import { Hero } from '../hero'; diff --git a/aio/content/examples/router/src/app/heroes/hero-detail/hero-detail.component.3.ts b/aio/content/examples/router/src/app/heroes/hero-detail/hero-detail.component.3.ts index 52d670637e..f2dc18af7b 100644 --- a/aio/content/examples/router/src/app/heroes/hero-detail/hero-detail.component.3.ts +++ b/aio/content/examples/router/src/app/heroes/hero-detail/hero-detail.component.3.ts @@ -7,7 +7,7 @@ import { Component, OnInit } from '@angular/core'; import { Router, ActivatedRoute, ParamMap } from '@angular/router'; import { Observable } from 'rxjs'; -import { HeroService } from '../hero.service'; +import { HeroService } from '../hero.service'; import { Hero } from '../hero'; @Component({ diff --git a/aio/content/examples/router/src/app/heroes/hero-detail/hero-detail.component.ts b/aio/content/examples/router/src/app/heroes/hero-detail/hero-detail.component.ts index 8f54532b65..cef9ffb99d 100644 --- a/aio/content/examples/router/src/app/heroes/hero-detail/hero-detail.component.ts +++ b/aio/content/examples/router/src/app/heroes/hero-detail/hero-detail.component.ts @@ -7,7 +7,7 @@ import { Router, ActivatedRoute, ParamMap } from '@angular/router'; // #enddocregion imports-route-info import { Observable } from 'rxjs'; -import { HeroService } from '../hero.service'; +import { HeroService } from '../hero.service'; import { Hero } from '../hero'; @Component({ diff --git a/aio/content/examples/router/src/app/heroes/hero-list/hero-list.component.1.ts b/aio/content/examples/router/src/app/heroes/hero-list/hero-list.component.1.ts index 862e12e535..a83563ee58 100644 --- a/aio/content/examples/router/src/app/heroes/hero-list/hero-list.component.1.ts +++ b/aio/content/examples/router/src/app/heroes/hero-list/hero-list.component.1.ts @@ -1,11 +1,11 @@ // #docplaster // #docregion // TODO: Feature Componetized like HeroCenter -import { Component, OnInit } from '@angular/core'; -import { Router } from '@angular/router'; -import { Observable } from 'rxjs'; +import { Component, OnInit } from '@angular/core'; +import { Router } from '@angular/router'; +import { Observable } from 'rxjs'; -import { HeroService } from '../hero.service'; +import { HeroService } from '../hero.service'; import { Hero } from '../hero'; @Component({ diff --git a/aio/content/examples/router/src/app/heroes/hero-list/hero-list.component.ts b/aio/content/examples/router/src/app/heroes/hero-list/hero-list.component.ts index b367f7b76b..e6e01341aa 100644 --- a/aio/content/examples/router/src/app/heroes/hero-list/hero-list.component.ts +++ b/aio/content/examples/router/src/app/heroes/hero-list/hero-list.component.ts @@ -10,7 +10,7 @@ import { Component, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; // #enddocregion import-router -import { HeroService } from '../hero.service'; +import { HeroService } from '../hero.service'; import { Hero } from '../hero'; @Component({ diff --git a/aio/content/examples/router/src/app/heroes/heroes-routing.module.1.ts b/aio/content/examples/router/src/app/heroes/heroes-routing.module.1.ts index 7a85522fb3..5cb604444a 100644 --- a/aio/content/examples/router/src/app/heroes/heroes-routing.module.1.ts +++ b/aio/content/examples/router/src/app/heroes/heroes-routing.module.1.ts @@ -1,9 +1,9 @@ // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { HeroListComponent } from './hero-list/hero-list.component'; -import { HeroDetailComponent } from './hero-detail/hero-detail.component'; +import { HeroListComponent } from './hero-list/hero-list.component'; +import { HeroDetailComponent } from './hero-detail/hero-detail.component'; const heroesRoutes: Routes = [ { path: 'heroes', component: HeroListComponent }, diff --git a/aio/content/examples/router/src/app/heroes/heroes-routing.module.2.ts b/aio/content/examples/router/src/app/heroes/heroes-routing.module.2.ts index d9997c873e..ae041fbaee 100644 --- a/aio/content/examples/router/src/app/heroes/heroes-routing.module.2.ts +++ b/aio/content/examples/router/src/app/heroes/heroes-routing.module.2.ts @@ -1,9 +1,9 @@ // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { HeroListComponent } from './hero-list/hero-list.component'; -import { HeroDetailComponent } from './hero-detail/hero-detail.component'; +import { HeroListComponent } from './hero-list/hero-list.component'; +import { HeroDetailComponent } from './hero-detail/hero-detail.component'; const heroesRoutes: Routes = [ { path: 'heroes', component: HeroListComponent, data: { animation: 'heroes' } }, diff --git a/aio/content/examples/router/src/app/heroes/heroes-routing.module.ts b/aio/content/examples/router/src/app/heroes/heroes-routing.module.ts index b059e5d496..5903bd5407 100644 --- a/aio/content/examples/router/src/app/heroes/heroes-routing.module.ts +++ b/aio/content/examples/router/src/app/heroes/heroes-routing.module.ts @@ -1,9 +1,9 @@ // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { HeroListComponent } from './hero-list/hero-list.component'; -import { HeroDetailComponent } from './hero-detail/hero-detail.component'; +import { HeroListComponent } from './hero-list/hero-list.component'; +import { HeroDetailComponent } from './hero-detail/hero-detail.component'; const heroesRoutes: Routes = [ { path: 'heroes', redirectTo: '/superheroes' }, diff --git a/aio/content/examples/router/src/app/heroes/heroes.module.ts b/aio/content/examples/router/src/app/heroes/heroes.module.ts index 13091398ab..e5f8999bc1 100644 --- a/aio/content/examples/router/src/app/heroes/heroes.module.ts +++ b/aio/content/examples/router/src/app/heroes/heroes.module.ts @@ -1,12 +1,12 @@ // #docplaster // #docregion // #docregion v1 -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; -import { HeroListComponent } from './hero-list/hero-list.component'; -import { HeroDetailComponent } from './hero-detail/hero-detail.component'; +import { HeroListComponent } from './hero-list/hero-list.component'; +import { HeroDetailComponent } from './hero-detail/hero-detail.component'; // #enddocregion v1 import { HeroesRoutingModule } from './heroes-routing.module'; diff --git a/aio/content/examples/set-document-title/src/app/app.component.ts b/aio/content/examples/set-document-title/src/app/app.component.ts index 14a5c86887..adef47a050 100644 --- a/aio/content/examples/set-document-title/src/app/app.component.ts +++ b/aio/content/examples/set-document-title/src/app/app.component.ts @@ -2,7 +2,7 @@ // #docregion // Import the native Angular services. import { Component } from '@angular/core'; -import { Title } from '@angular/platform-browser'; +import { Title } from '@angular/platform-browser'; @Component({ selector: 'app-root', diff --git a/aio/content/examples/set-document-title/src/app/app.module.ts b/aio/content/examples/set-document-title/src/app/app.module.ts index 81f13c244c..a6b1b547f1 100644 --- a/aio/content/examples/set-document-title/src/app/app.module.ts +++ b/aio/content/examples/set-document-title/src/app/app.module.ts @@ -1,6 +1,6 @@ // #docregion import { NgModule } from '@angular/core'; -import { BrowserModule, Title } from '@angular/platform-browser'; +import { BrowserModule, Title } from '@angular/platform-browser'; import { AppComponent } from './app.component'; diff --git a/aio/content/examples/setup/src/app/app.module.ts b/aio/content/examples/setup/src/app/app.module.ts index 50a0e6eb47..321a2e0b4a 100644 --- a/aio/content/examples/setup/src/app/app.module.ts +++ b/aio/content/examples/setup/src/app/app.module.ts @@ -1,7 +1,7 @@ // #docregion -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; @NgModule({ imports: [ BrowserModule ], diff --git a/aio/content/examples/setup/src/main.ts b/aio/content/examples/setup/src/main.ts index 02d58dceac..6b6532d428 100644 --- a/aio/content/examples/setup/src/main.ts +++ b/aio/content/examples/setup/src/main.ts @@ -1,5 +1,5 @@ // #docregion import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; -import { AppModule } from './app/app.module'; +import { AppModule } from './app/app.module'; platformBrowserDynamic().bootstrapModule(AppModule); diff --git a/aio/content/examples/structural-directives/src/app/app.module.ts b/aio/content/examples/structural-directives/src/app/app.module.ts index b6ffb456c9..04d28e5d40 100644 --- a/aio/content/examples/structural-directives/src/app/app.module.ts +++ b/aio/content/examples/structural-directives/src/app/app.module.ts @@ -1,11 +1,11 @@ // #docregion -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { FormsModule } from '@angular/forms'; import { BrowserModule } from '@angular/platform-browser'; -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { heroSwitchComponents } from './hero-switch.components'; -import { UnlessDirective } from './unless.directive'; +import { UnlessDirective } from './unless.directive'; @NgModule({ imports: [ BrowserModule, FormsModule ], diff --git a/aio/content/examples/styleguide/src/02-05/main.ts b/aio/content/examples/styleguide/src/02-05/main.ts index 6c32161f84..9e1b271ce4 100644 --- a/aio/content/examples/styleguide/src/02-05/main.ts +++ b/aio/content/examples/styleguide/src/02-05/main.ts @@ -1,7 +1,7 @@ // #docregion import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; -import { AppModule } from './app/app.module'; +import { AppModule } from './app/app.module'; platformBrowserDynamic().bootstrapModule(AppModule) .then(success => console.log(`Bootstrap success`)) diff --git a/aio/content/examples/styleguide/src/04-08/app/app.module.ts b/aio/content/examples/styleguide/src/04-08/app/app.module.ts index 25568b7fb4..d30bce75ca 100644 --- a/aio/content/examples/styleguide/src/04-08/app/app.module.ts +++ b/aio/content/examples/styleguide/src/04-08/app/app.module.ts @@ -1,13 +1,13 @@ // #docplaster // #docregion // #docregion example -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; // #enddocregion example -import { RouterModule } from '@angular/router'; +import { RouterModule } from '@angular/router'; // #docregion example -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { HeroesComponent } from './heroes/heroes.component'; @NgModule({ diff --git a/aio/content/examples/styleguide/src/04-10/app/app.module.ts b/aio/content/examples/styleguide/src/04-10/app/app.module.ts index 78106657ad..1e597e19b8 100644 --- a/aio/content/examples/styleguide/src/04-10/app/app.module.ts +++ b/aio/content/examples/styleguide/src/04-10/app/app.module.ts @@ -1,15 +1,15 @@ // #docplaster // #docregion // #docregion example -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; // #enddocregion example -import { RouterModule } from '@angular/router'; +import { RouterModule } from '@angular/router'; // #docregion example -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { HeroesComponent } from './heroes/heroes.component'; -import { SharedModule } from './shared/shared.module'; +import { SharedModule } from './shared/shared.module'; @NgModule({ imports: [ diff --git a/aio/content/examples/styleguide/src/04-10/app/shared/shared.module.ts b/aio/content/examples/styleguide/src/04-10/app/shared/shared.module.ts index 6160abcc84..1b698a052d 100644 --- a/aio/content/examples/styleguide/src/04-10/app/shared/shared.module.ts +++ b/aio/content/examples/styleguide/src/04-10/app/shared/shared.module.ts @@ -1,11 +1,11 @@ // #docregion -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; import { FilterTextComponent } from './filter-text/filter-text.component'; -import { FilterTextService } from './filter-text/filter-text.service'; -import { InitCapsPipe } from './init-caps.pipe'; +import { FilterTextService } from './filter-text/filter-text.service'; +import { InitCapsPipe } from './init-caps.pipe'; @NgModule({ imports: [CommonModule, FormsModule], diff --git a/aio/content/examples/styleguide/src/04-11/app/app.module.ts b/aio/content/examples/styleguide/src/04-11/app/app.module.ts index ef3c156bcf..a4abbd7263 100644 --- a/aio/content/examples/styleguide/src/04-11/app/app.module.ts +++ b/aio/content/examples/styleguide/src/04-11/app/app.module.ts @@ -1,15 +1,15 @@ // #docplaster // #docregion // #docregion example -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; // #enddocregion example import { RouterModule } from '@angular/router'; // #docregion example -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { HeroesComponent } from './heroes/heroes.component'; -import { CoreModule } from './core/core.module'; +import { CoreModule } from './core/core.module'; @NgModule({ imports: [ diff --git a/aio/content/examples/styleguide/src/04-11/app/heroes/heroes.component.ts b/aio/content/examples/styleguide/src/04-11/app/heroes/heroes.component.ts index 856baadd74..b0064be1b2 100644 --- a/aio/content/examples/styleguide/src/04-11/app/heroes/heroes.component.ts +++ b/aio/content/examples/styleguide/src/04-11/app/heroes/heroes.component.ts @@ -1,6 +1,6 @@ import { Component } from '@angular/core'; -import { LoggerService } from '../core/logger.service'; +import { LoggerService } from '../core/logger.service'; import { SpinnerService } from '../core/spinner/spinner.service'; @Component({ diff --git a/aio/content/examples/styleguide/src/04-12/app/app.module.ts b/aio/content/examples/styleguide/src/04-12/app/app.module.ts index 7c9fb44182..c51d7d10eb 100644 --- a/aio/content/examples/styleguide/src/04-12/app/app.module.ts +++ b/aio/content/examples/styleguide/src/04-12/app/app.module.ts @@ -1,15 +1,15 @@ // #docplaster // #docregion // #docregion example -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; // #enddocregion example import { RouterModule } from '@angular/router'; // #docregion example -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { HeroesComponent } from './heroes/heroes.component'; -import { CoreModule } from './core/core.module'; +import { CoreModule } from './core/core.module'; @NgModule({ imports: [ diff --git a/aio/content/examples/styleguide/src/05-04/app/app.module.ts b/aio/content/examples/styleguide/src/05-04/app/app.module.ts index 07f97cc6e4..c925f6c7e0 100644 --- a/aio/content/examples/styleguide/src/05-04/app/app.module.ts +++ b/aio/content/examples/styleguide/src/05-04/app/app.module.ts @@ -1,10 +1,10 @@ -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { RouterModule } from '@angular/router'; +import { RouterModule } from '@angular/router'; -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { HeroesComponent } from './heroes'; -import { HeroService } from './heroes/shared'; +import { HeroService } from './heroes/shared'; @NgModule({ imports: [ diff --git a/aio/content/examples/styleguide/src/05-04/app/heroes/heroes.component.avoid.ts b/aio/content/examples/styleguide/src/05-04/app/heroes/heroes.component.avoid.ts index 89e5d1b010..eaa59a752d 100644 --- a/aio/content/examples/styleguide/src/05-04/app/heroes/heroes.component.avoid.ts +++ b/aio/content/examples/styleguide/src/05-04/app/heroes/heroes.component.avoid.ts @@ -1,5 +1,5 @@ import { Component, OnInit } from '@angular/core'; -import { Observable } from 'rxjs'; +import { Observable } from 'rxjs'; import { Hero, HeroService } from './shared'; diff --git a/aio/content/examples/styleguide/src/05-04/app/heroes/heroes.component.ts b/aio/content/examples/styleguide/src/05-04/app/heroes/heroes.component.ts index b85c5b70ab..4d6ae1aee6 100644 --- a/aio/content/examples/styleguide/src/05-04/app/heroes/heroes.component.ts +++ b/aio/content/examples/styleguide/src/05-04/app/heroes/heroes.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit } from '@angular/core'; -import { Observable } from 'rxjs'; +import { Observable } from 'rxjs'; import { Hero, HeroService } from './shared'; diff --git a/aio/content/examples/styleguide/src/app/app.module.ts b/aio/content/examples/styleguide/src/app/app.module.ts index 321577028a..29542aa0dc 100644 --- a/aio/content/examples/styleguide/src/app/app.module.ts +++ b/aio/content/examples/styleguide/src/app/app.module.ts @@ -9,7 +9,7 @@ import { RouterModule } from '@angular/router'; import { HashLocationStrategy, LocationStrategy } from '@angular/common'; -import { HeroData } from '../app/hero-data'; +import { HeroData } from '../app/hero-data'; import { AppComponent } from '../app/app.component'; import * as s0101 from '../01-01/app/app.module'; diff --git a/aio/content/examples/styleguide/src/main.ts b/aio/content/examples/styleguide/src/main.ts index 049f9792a4..537b861085 100644 --- a/aio/content/examples/styleguide/src/main.ts +++ b/aio/content/examples/styleguide/src/main.ts @@ -1,4 +1,4 @@ -import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; +import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app/app.module'; diff --git a/aio/content/examples/template-syntax/src/app/app.module.1.ts b/aio/content/examples/template-syntax/src/app/app.module.1.ts index 8ea0d3d207..960510dacf 100644 --- a/aio/content/examples/template-syntax/src/app/app.module.1.ts +++ b/aio/content/examples/template-syntax/src/app/app.module.1.ts @@ -1,6 +1,6 @@ // #docregion import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; +import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; // <--- JavaScript import from Angular /* Other imports */ diff --git a/aio/content/examples/testing/src/app/about/about.component.spec.ts b/aio/content/examples/testing/src/app/about/about.component.spec.ts index 0960de315c..d5a9a3ef7c 100644 --- a/aio/content/examples/testing/src/app/about/about.component.spec.ts +++ b/aio/content/examples/testing/src/app/about/about.component.spec.ts @@ -1,7 +1,7 @@ -import { NO_ERRORS_SCHEMA } from '@angular/core'; +import { NO_ERRORS_SCHEMA } from '@angular/core'; import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { AboutComponent } from './about.component'; +import { AboutComponent } from './about.component'; import { HighlightDirective } from '../shared/highlight.directive'; let fixture: ComponentFixture; diff --git a/aio/content/examples/testing/src/app/app.component.router.spec.ts b/aio/content/examples/testing/src/app/app.component.router.spec.ts index 6e183a3aad..9876cd1f5a 100644 --- a/aio/content/examples/testing/src/app/app.component.router.spec.ts +++ b/aio/content/examples/testing/src/app/app.component.router.spec.ts @@ -6,29 +6,29 @@ import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core import { asyncData } from '../testing'; import { RouterTestingModule } from '@angular/router/testing'; -import { SpyLocation } from '@angular/common/testing'; +import { SpyLocation } from '@angular/common/testing'; import { Router, RouterLinkWithHref } from '@angular/router'; -import { By } from '@angular/platform-browser'; +import { By } from '@angular/platform-browser'; import { DebugElement, Type } from '@angular/core'; -import { Location } from '@angular/common'; +import { Location } from '@angular/common'; -import { click } from '../testing'; +import { click } from '../testing'; -import { routes } from './app-routing.module'; -import { AppModule } from './app.module'; -import { AppComponent } from './app.component'; -import { AboutComponent } from './about/about.component'; +import { routes } from './app-routing.module'; +import { AppModule } from './app.module'; +import { AppComponent } from './app.component'; +import { AboutComponent } from './about/about.component'; import { DashboardComponent } from './dashboard/dashboard.component'; -import { TwainService } from './twain/twain.service'; +import { TwainService } from './twain/twain.service'; import { HeroService, TestHeroService } from './model/testing/test-hero.service'; -let comp: AppComponent; -let fixture: ComponentFixture; -let page: Page; -let router: Router; +let comp: AppComponent; +let fixture: ComponentFixture; +let page: Page; +let router: Router; let location: SpyLocation; describe('AppComponent & RouterTestingModule', () => { @@ -84,11 +84,11 @@ describe('AppComponent & RouterTestingModule', () => { /////////////// -import { NgModuleFactoryLoader } from '@angular/core'; +import { NgModuleFactoryLoader } from '@angular/core'; import { SpyNgModuleFactoryLoader } from '@angular/router/testing'; -import { HeroModule } from './hero/hero.module'; // should be lazy loaded -import { HeroListComponent } from './hero/hero-list.component'; +import { HeroModule } from './hero/hero.module'; // should be lazy loaded +import { HeroListComponent } from './hero/hero-list.component'; let loader: SpyNgModuleFactoryLoader; diff --git a/aio/content/examples/testing/src/app/app.component.spec.ts b/aio/content/examples/testing/src/app/app.component.spec.ts index e759aa51a2..27d68f9330 100644 --- a/aio/content/examples/testing/src/app/app.component.spec.ts +++ b/aio/content/examples/testing/src/app/app.component.spec.ts @@ -68,7 +68,7 @@ describe('AppComponent & NO_ERRORS_SCHEMA', () => { //////// Testing w/ real root module ////// // Tricky because we are disabling the router and its configuration // Better to use RouterTestingModule -import { AppModule } from './app.module'; +import { AppModule } from './app.module'; import { AppRoutingModule } from './app-routing.module'; describe('AppComponent & AppModule', () => { diff --git a/aio/content/examples/testing/src/app/app.module.ts b/aio/content/examples/testing/src/app/app.module.ts index 65f620dca7..0d8a6ca12d 100644 --- a/aio/content/examples/testing/src/app/app.module.ts +++ b/aio/content/examples/testing/src/app/app.module.ts @@ -1,20 +1,20 @@ -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; import { HttpClientModule } from '@angular/common/http'; -import { AppComponent } from './app.component'; +import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; -import { AboutComponent } from './about/about.component'; -import { BannerComponent } from './banner/banner.component'; -import { HeroService } from './model/hero.service'; -import { UserService } from './model/user.service'; -import { TwainComponent } from './twain/twain.component'; -import { TwainService } from './twain/twain.service'; +import { AboutComponent } from './about/about.component'; +import { BannerComponent } from './banner/banner.component'; +import { HeroService } from './model/hero.service'; +import { UserService } from './model/user.service'; +import { TwainComponent } from './twain/twain.component'; +import { TwainService } from './twain/twain.service'; import { WelcomeComponent } from './welcome/welcome.component'; -import { DashboardModule } from './dashboard/dashboard.module'; -import { SharedModule } from './shared/shared.module'; +import { DashboardModule } from './dashboard/dashboard.module'; +import { SharedModule } from './shared/shared.module'; import { HttpClientInMemoryWebApiModule } from 'angular-in-memory-web-api'; import { InMemoryDataService } from './in-memory-data.service'; diff --git a/aio/content/examples/testing/src/app/banner/banner-external.component.spec.ts b/aio/content/examples/testing/src/app/banner/banner-external.component.spec.ts index d5fc9c8cbe..bee1cfc2b6 100644 --- a/aio/content/examples/testing/src/app/banner/banner-external.component.spec.ts +++ b/aio/content/examples/testing/src/app/banner/banner-external.component.spec.ts @@ -2,15 +2,15 @@ // #docregion import-async import { async, ComponentFixture, TestBed } from '@angular/core/testing'; // #enddocregion import-async -import { By } from '@angular/platform-browser'; -import { DebugElement } from '@angular/core'; +import { By } from '@angular/platform-browser'; +import { DebugElement } from '@angular/core'; import { BannerComponent } from './banner-external.component'; describe('BannerComponent (external files)', () => { let component: BannerComponent; - let fixture: ComponentFixture; - let h1: HTMLElement; + let fixture: ComponentFixture; + let h1: HTMLElement; describe('Two beforeEach', () => { // #docregion async-before-each diff --git a/aio/content/examples/testing/src/app/dashboard/dashboard-hero.component.spec.ts b/aio/content/examples/testing/src/app/dashboard/dashboard-hero.component.spec.ts index 3a97ce8454..74d0fb5086 100644 --- a/aio/content/examples/testing/src/app/dashboard/dashboard-hero.component.spec.ts +++ b/aio/content/examples/testing/src/app/dashboard/dashboard-hero.component.spec.ts @@ -1,7 +1,6 @@ // #docplaster -import { async, ComponentFixture, TestBed -} from '@angular/core/testing'; +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; import { By } from '@angular/platform-browser'; import { DebugElement } from '@angular/core'; diff --git a/aio/content/examples/testing/src/app/dashboard/dashboard.component.no-testbed.spec.ts b/aio/content/examples/testing/src/app/dashboard/dashboard.component.no-testbed.spec.ts index 1d372bfe0e..d3ab0601d8 100644 --- a/aio/content/examples/testing/src/app/dashboard/dashboard.component.no-testbed.spec.ts +++ b/aio/content/examples/testing/src/app/dashboard/dashboard.component.no-testbed.spec.ts @@ -1,9 +1,9 @@ import { Router } from '@angular/router'; import { DashboardComponent } from './dashboard.component'; -import { Hero } from '../model/hero'; +import { Hero } from '../model/hero'; -import { addMatchers } from '../../testing'; +import { addMatchers } from '../../testing'; import { TestHeroService, HeroService } from '../model/testing/test-hero.service'; class FakeRouter { diff --git a/aio/content/examples/testing/src/app/dashboard/dashboard.component.spec.ts b/aio/content/examples/testing/src/app/dashboard/dashboard.component.spec.ts index 9beef762a0..f19e77490d 100644 --- a/aio/content/examples/testing/src/app/dashboard/dashboard.component.spec.ts +++ b/aio/content/examples/testing/src/app/dashboard/dashboard.component.spec.ts @@ -3,14 +3,14 @@ import { async, inject, ComponentFixture, TestBed } from '@angular/core/testing'; import { addMatchers, asyncData, click } from '../../testing'; -import { HeroService } from '../model/hero.service'; +import { HeroService } from '../model/hero.service'; import { getTestHeroes } from '../model/testing/test-heroes'; -import { By } from '@angular/platform-browser'; +import { By } from '@angular/platform-browser'; import { Router } from '@angular/router'; import { DashboardComponent } from './dashboard.component'; -import { DashboardModule } from './dashboard.module'; +import { DashboardModule } from './dashboard.module'; beforeEach ( addMatchers ); diff --git a/aio/content/examples/testing/src/app/dashboard/dashboard.component.ts b/aio/content/examples/testing/src/app/dashboard/dashboard.component.ts index 6ab4e6f324..397add79e1 100644 --- a/aio/content/examples/testing/src/app/dashboard/dashboard.component.ts +++ b/aio/content/examples/testing/src/app/dashboard/dashboard.component.ts @@ -1,8 +1,8 @@ // #docregion import { Component, OnInit } from '@angular/core'; -import { Router } from '@angular/router'; +import { Router } from '@angular/router'; -import { Hero } from '../model/hero'; +import { Hero } from '../model/hero'; import { HeroService } from '../model/hero.service'; @Component({ diff --git a/aio/content/examples/testing/src/app/dashboard/dashboard.module.ts b/aio/content/examples/testing/src/app/dashboard/dashboard.module.ts index 8a70c851a0..03e66238c9 100644 --- a/aio/content/examples/testing/src/app/dashboard/dashboard.module.ts +++ b/aio/content/examples/testing/src/app/dashboard/dashboard.module.ts @@ -1,9 +1,9 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; +import { NgModule } from '@angular/core'; +import { RouterModule, Routes } from '@angular/router'; -import { SharedModule } from '../shared/shared.module'; +import { SharedModule } from '../shared/shared.module'; -import { DashboardComponent } from './dashboard.component'; +import { DashboardComponent } from './dashboard.component'; import { DashboardHeroComponent } from './dashboard-hero.component'; const routes: Routes = [ diff --git a/aio/content/examples/testing/src/app/demo/demo.testbed.spec.ts b/aio/content/examples/testing/src/app/demo/demo.testbed.spec.ts index c22391b16a..183186e700 100644 --- a/aio/content/examples/testing/src/app/demo/demo.testbed.spec.ts +++ b/aio/content/examples/testing/src/app/demo/demo.testbed.spec.ts @@ -15,10 +15,10 @@ import { ReversePipeComponent, ShellComponent } from './demo'; -import { By } from '@angular/platform-browser'; +import { By } from '@angular/platform-browser'; import { Component, DebugElement, - Injectable } from '@angular/core'; + Injectable } from '@angular/core'; import { FormsModule } from '@angular/forms'; // Forms symbols imported only for a specific test below diff --git a/aio/content/examples/testing/src/app/demo/demo.ts b/aio/content/examples/testing/src/app/demo/demo.ts index 80ece9410e..8ee78f8c32 100644 --- a/aio/content/examples/testing/src/app/demo/demo.ts +++ b/aio/content/examples/testing/src/app/demo/demo.ts @@ -424,9 +424,9 @@ export const demoProviders = [MasterService, ValueService]; //////////////////// //////////// -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { FormsModule } from '@angular/forms'; @NgModule({ imports: [BrowserModule, FormsModule], diff --git a/aio/content/examples/testing/src/app/hero/hero-detail.component.no-testbed.spec.ts b/aio/content/examples/testing/src/app/hero/hero-detail.component.no-testbed.spec.ts index 4e806da3f9..3eb5835272 100644 --- a/aio/content/examples/testing/src/app/hero/hero-detail.component.no-testbed.spec.ts +++ b/aio/content/examples/testing/src/app/hero/hero-detail.component.no-testbed.spec.ts @@ -1,7 +1,7 @@ import { asyncData, ActivatedRouteStub } from '../../testing'; import { HeroDetailComponent } from './hero-detail.component'; -import { Hero } from '../model/hero'; +import { Hero } from '../model/hero'; ////////// Tests //////////////////// diff --git a/aio/content/examples/testing/src/app/hero/hero-detail.component.spec.ts b/aio/content/examples/testing/src/app/hero/hero-detail.component.spec.ts index c3fffa3449..b64f2e6d31 100644 --- a/aio/content/examples/testing/src/app/hero/hero-detail.component.spec.ts +++ b/aio/content/examples/testing/src/app/hero/hero-detail.component.spec.ts @@ -3,16 +3,16 @@ import { async, ComponentFixture, fakeAsync, inject, TestBed, tick } from '@angular/core/testing'; -import { Router } from '@angular/router'; +import { Router } from '@angular/router'; import { ActivatedRoute, ActivatedRouteStub, asyncData, click, newEvent } from '../../testing'; -import { Hero } from '../model/hero'; +import { Hero } from '../model/hero'; import { HeroDetailComponent } from './hero-detail.component'; -import { HeroDetailService } from './hero-detail.service'; -import { HeroModule } from './hero.module'; +import { HeroDetailService } from './hero-detail.service'; +import { HeroModule } from './hero.module'; ////// Testing Vars ////// let activatedRoute: ActivatedRouteStub; @@ -266,8 +266,8 @@ function heroModuleSetup() { } ///////////////////// -import { FormsModule } from '@angular/forms'; -import { TitleCasePipe } from '../shared/title-case.pipe'; +import { FormsModule } from '@angular/forms'; +import { TitleCasePipe } from '../shared/title-case.pipe'; function formsModuleSetup() { // #docregion setup-forms-module @@ -297,7 +297,7 @@ function formsModuleSetup() { } /////////////////////// -import { SharedModule } from '../shared/shared.module'; +import { SharedModule } from '../shared/shared.module'; function sharedModuleSetup() { // #docregion setup-shared-module diff --git a/aio/content/examples/testing/src/app/hero/hero-detail.component.ts b/aio/content/examples/testing/src/app/hero/hero-detail.component.ts index fdfea6c4fa..dbc9356eae 100644 --- a/aio/content/examples/testing/src/app/hero/hero-detail.component.ts +++ b/aio/content/examples/testing/src/app/hero/hero-detail.component.ts @@ -1,9 +1,9 @@ /* tslint:disable:member-ordering */ // #docplaster import { Component, Input, OnInit } from '@angular/core'; -import { ActivatedRoute, Router } from '@angular/router'; +import { ActivatedRoute, Router } from '@angular/router'; -import { Hero } from '../model/hero'; +import { Hero } from '../model/hero'; import { HeroDetailService } from './hero-detail.service'; // #docregion prototype diff --git a/aio/content/examples/testing/src/app/hero/hero-list.component.spec.ts b/aio/content/examples/testing/src/app/hero/hero-list.component.spec.ts index d178fa6098..50ae12f7d6 100644 --- a/aio/content/examples/testing/src/app/hero/hero-list.component.spec.ts +++ b/aio/content/examples/testing/src/app/hero/hero-list.component.spec.ts @@ -1,19 +1,19 @@ import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing'; -import { By } from '@angular/platform-browser'; +import { By } from '@angular/platform-browser'; import { DebugElement } from '@angular/core'; -import { Router } from '@angular/router'; +import { Router } from '@angular/router'; import { addMatchers, newEvent } from '../../testing'; import { getTestHeroes, TestHeroService } from '../model/testing/test-hero.service'; -import { HeroModule } from './hero.module'; -import { HeroListComponent } from './hero-list.component'; +import { HeroModule } from './hero.module'; +import { HeroListComponent } from './hero-list.component'; import { HighlightDirective } from '../shared/highlight.directive'; -import { HeroService } from '../model/hero.service'; +import { HeroService } from '../model/hero.service'; const HEROES = getTestHeroes(); diff --git a/aio/content/examples/testing/src/app/hero/hero-list.component.ts b/aio/content/examples/testing/src/app/hero/hero-list.component.ts index 04403380f2..5839e666bd 100644 --- a/aio/content/examples/testing/src/app/hero/hero-list.component.ts +++ b/aio/content/examples/testing/src/app/hero/hero-list.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit } from '@angular/core'; -import { Router } from '@angular/router'; +import { Router } from '@angular/router'; import { Observable } from 'rxjs'; diff --git a/aio/content/examples/testing/src/app/hero/hero-routing.module.ts b/aio/content/examples/testing/src/app/hero/hero-routing.module.ts index 59ec14474c..95f1040f45 100644 --- a/aio/content/examples/testing/src/app/hero/hero-routing.module.ts +++ b/aio/content/examples/testing/src/app/hero/hero-routing.module.ts @@ -1,8 +1,8 @@ -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { HeroListComponent } from './hero-list.component'; -import { HeroDetailComponent } from './hero-detail.component'; +import { HeroListComponent } from './hero-list.component'; +import { HeroDetailComponent } from './hero-detail.component'; const routes: Routes = [ { path: '', component: HeroListComponent }, diff --git a/aio/content/examples/testing/src/app/hero/hero.module.ts b/aio/content/examples/testing/src/app/hero/hero.module.ts index dfe33cc199..05b0220f57 100644 --- a/aio/content/examples/testing/src/app/hero/hero.module.ts +++ b/aio/content/examples/testing/src/app/hero/hero.module.ts @@ -1,4 +1,4 @@ -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { SharedModule } from '../shared/shared.module'; import { routedComponents, HeroRoutingModule } from './hero-routing.module'; diff --git a/aio/content/examples/testing/src/app/model/testing/test-hero.service.ts b/aio/content/examples/testing/src/app/model/testing/test-hero.service.ts index 42f3c3d9b8..fcf40e2489 100644 --- a/aio/content/examples/testing/src/app/model/testing/test-hero.service.ts +++ b/aio/content/examples/testing/src/app/model/testing/test-hero.service.ts @@ -6,12 +6,12 @@ import { asyncData } from '../../../testing'; import { map } from 'rxjs/operators'; // re-export for tester convenience -export { Hero } from '../hero'; -export { HeroService } from '../hero.service'; +export { Hero } from '../hero'; +export { HeroService } from '../hero.service'; export { getTestHeroes } from './test-heroes'; -import { Hero } from '../hero'; -import { HeroService } from '../hero.service'; +import { Hero } from '../hero'; +import { HeroService } from '../hero.service'; import { getTestHeroes } from './test-heroes'; @Injectable() diff --git a/aio/content/examples/testing/src/app/shared/highlight.directive.spec.ts b/aio/content/examples/testing/src/app/shared/highlight.directive.spec.ts index b990f20b69..b7932a3987 100644 --- a/aio/content/examples/testing/src/app/shared/highlight.directive.spec.ts +++ b/aio/content/examples/testing/src/app/shared/highlight.directive.spec.ts @@ -1,9 +1,9 @@ -import { Component, DebugElement } from '@angular/core'; +import { Component, DebugElement } from '@angular/core'; import { ComponentFixture, TestBed } from '@angular/core/testing'; import { By } from '@angular/platform-browser'; import { HighlightDirective } from './highlight.directive'; -import { newEvent } from '../../testing'; +import { newEvent } from '../../testing'; // #docregion test-component @Component({ diff --git a/aio/content/examples/testing/src/app/shared/shared.module.ts b/aio/content/examples/testing/src/app/shared/shared.module.ts index 1dc6a8a6a6..346ac2590a 100644 --- a/aio/content/examples/testing/src/app/shared/shared.module.ts +++ b/aio/content/examples/testing/src/app/shared/shared.module.ts @@ -1,10 +1,10 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; import { HighlightDirective } from './highlight.directive'; -import { TitleCasePipe } from './title-case.pipe'; -import { CanvasComponent } from './canvas.component'; +import { TitleCasePipe } from './title-case.pipe'; +import { CanvasComponent } from './canvas.component'; @NgModule({ imports: [ CommonModule ], diff --git a/aio/content/examples/testing/src/app/twain/twain.component.marbles.spec.ts b/aio/content/examples/testing/src/app/twain/twain.component.marbles.spec.ts index f508fd2e82..1b2ec7e52a 100644 --- a/aio/content/examples/testing/src/app/twain/twain.component.marbles.spec.ts +++ b/aio/content/examples/testing/src/app/twain/twain.component.marbles.spec.ts @@ -5,7 +5,7 @@ import { async, fakeAsync, ComponentFixture, TestBed, tick } from '@angular/core import { cold, getTestScheduler } from 'jasmine-marbles'; // #enddocregion import-marbles -import { TwainService } from './twain.service'; +import { TwainService } from './twain.service'; import { TwainComponent } from './twain.component'; diff --git a/aio/content/examples/testing/src/app/twain/twain.component.spec.ts b/aio/content/examples/testing/src/app/twain/twain.component.spec.ts index 60159d9ad6..ced3bb0094 100644 --- a/aio/content/examples/testing/src/app/twain/twain.component.spec.ts +++ b/aio/content/examples/testing/src/app/twain/twain.component.spec.ts @@ -1,13 +1,13 @@ // #docplaster import { async, fakeAsync, ComponentFixture, TestBed, tick } from '@angular/core/testing'; -import { asyncData, asyncError } from '../../testing'; +import { asyncData, asyncError } from '../../testing'; import { of, throwError } from 'rxjs'; import { last } from 'rxjs/operators'; -import { TwainService } from './twain.service'; +import { TwainService } from './twain.service'; import { TwainComponent } from './twain.component'; describe('TwainComponent', () => { diff --git a/aio/content/examples/testing/src/app/welcome/welcome.component.spec.ts b/aio/content/examples/testing/src/app/welcome/welcome.component.spec.ts index 67ff86b1d3..fd91488f26 100644 --- a/aio/content/examples/testing/src/app/welcome/welcome.component.spec.ts +++ b/aio/content/examples/testing/src/app/welcome/welcome.component.spec.ts @@ -1,7 +1,7 @@ // #docplaster import { ComponentFixture, inject, TestBed } from '@angular/core/testing'; -import { UserService } from '../model/user.service'; +import { UserService } from '../model/user.service'; import { WelcomeComponent } from './welcome.component'; // #docregion mock-user-service diff --git a/aio/content/examples/testing/src/testing/index.ts b/aio/content/examples/testing/src/testing/index.ts index 1fddaf8c4d..2465b2a4a2 100644 --- a/aio/content/examples/testing/src/testing/index.ts +++ b/aio/content/examples/testing/src/testing/index.ts @@ -1,4 +1,4 @@ -import { DebugElement } from '@angular/core'; +import { DebugElement } from '@angular/core'; import { tick, ComponentFixture } from '@angular/core/testing'; export * from './async-observable-helpers'; diff --git a/aio/content/examples/toh-pt5/src/app/app-routing.module.ts b/aio/content/examples/toh-pt5/src/app/app-routing.module.ts index 7e9ad1a4cf..aad065bd61 100644 --- a/aio/content/examples/toh-pt5/src/app/app-routing.module.ts +++ b/aio/content/examples/toh-pt5/src/app/app-routing.module.ts @@ -1,15 +1,15 @@ // #docplaster // #docregion , v1 -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; // #enddocregion v1 // #docregion import-dashboard -import { DashboardComponent } from './dashboard/dashboard.component'; +import { DashboardComponent } from './dashboard/dashboard.component'; // #enddocregion import-dashboard -import { HeroesComponent } from './heroes/heroes.component'; +import { HeroesComponent } from './heroes/heroes.component'; // #docregion import-herodetail -import { HeroDetailComponent } from './hero-detail/hero-detail.component'; +import { HeroDetailComponent } from './hero-detail/hero-detail.component'; // #enddocregion import-herodetail // #docregion heroes-route diff --git a/aio/content/examples/toh-pt5/src/app/app.module.ts b/aio/content/examples/toh-pt5/src/app/app.module.ts index ba832f848f..2d98512808 100644 --- a/aio/content/examples/toh-pt5/src/app/app.module.ts +++ b/aio/content/examples/toh-pt5/src/app/app.module.ts @@ -1,16 +1,16 @@ // #docregion -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; -import { AppComponent } from './app.component'; -import { DashboardComponent } from './dashboard/dashboard.component'; -import { HeroDetailComponent } from './hero-detail/hero-detail.component'; -import { HeroesComponent } from './heroes/heroes.component'; -import { MessagesComponent } from './messages/messages.component'; +import { AppComponent } from './app.component'; +import { DashboardComponent } from './dashboard/dashboard.component'; +import { HeroDetailComponent } from './hero-detail/hero-detail.component'; +import { HeroesComponent } from './heroes/heroes.component'; +import { MessagesComponent } from './messages/messages.component'; // #docregion routing-module -import { AppRoutingModule } from './app-routing.module'; +import { AppRoutingModule } from './app-routing.module'; @NgModule({ imports: [ diff --git a/aio/content/examples/toh-pt5/src/app/hero-detail/hero-detail.component.ts b/aio/content/examples/toh-pt5/src/app/hero-detail/hero-detail.component.ts index 43d1082470..b00784c1d0 100644 --- a/aio/content/examples/toh-pt5/src/app/hero-detail/hero-detail.component.ts +++ b/aio/content/examples/toh-pt5/src/app/hero-detail/hero-detail.component.ts @@ -6,9 +6,9 @@ import { ActivatedRoute } from '@angular/router'; import { Location } from '@angular/common'; // #enddocregion added-imports -import { Hero } from '../hero'; +import { Hero } from '../hero'; // #docregion added-imports -import { HeroService } from '../hero.service'; +import { HeroService } from '../hero.service'; // #enddocregion added-imports @Component({ diff --git a/aio/content/examples/toh-pt6/src/app/app-routing.module.ts b/aio/content/examples/toh-pt6/src/app/app-routing.module.ts index 969e78b276..ee43081fc2 100644 --- a/aio/content/examples/toh-pt6/src/app/app-routing.module.ts +++ b/aio/content/examples/toh-pt6/src/app/app-routing.module.ts @@ -1,9 +1,9 @@ -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { DashboardComponent } from './dashboard/dashboard.component'; -import { HeroesComponent } from './heroes/heroes.component'; -import { HeroDetailComponent } from './hero-detail/hero-detail.component'; +import { DashboardComponent } from './dashboard/dashboard.component'; +import { HeroesComponent } from './heroes/heroes.component'; +import { HeroDetailComponent } from './hero-detail/hero-detail.component'; const routes: Routes = [ { path: '', redirectTo: '/dashboard', pathMatch: 'full' }, diff --git a/aio/content/examples/toh-pt6/src/app/app.module.ts b/aio/content/examples/toh-pt6/src/app/app.module.ts index db08f4a4df..feef63fba2 100644 --- a/aio/content/examples/toh-pt6/src/app/app.module.ts +++ b/aio/content/examples/toh-pt6/src/app/app.module.ts @@ -1,27 +1,27 @@ // #docplaster // #docregion , v1 -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; // #docregion import-http-client -import { HttpClientModule } from '@angular/common/http'; +import { HttpClientModule } from '@angular/common/http'; // #enddocregion import-http-client // #docregion import-in-mem-stuff import { HttpClientInMemoryWebApiModule } from 'angular-in-memory-web-api'; -import { InMemoryDataService } from './in-memory-data.service'; +import { InMemoryDataService } from './in-memory-data.service'; // #enddocregion import-in-mem-stuff -import { AppRoutingModule } from './app-routing.module'; +import { AppRoutingModule } from './app-routing.module'; -import { AppComponent } from './app.component'; -import { DashboardComponent } from './dashboard/dashboard.component'; -import { HeroDetailComponent } from './hero-detail/hero-detail.component'; -import { HeroesComponent } from './heroes/heroes.component'; +import { AppComponent } from './app.component'; +import { DashboardComponent } from './dashboard/dashboard.component'; +import { HeroDetailComponent } from './hero-detail/hero-detail.component'; +import { HeroesComponent } from './heroes/heroes.component'; // #enddocregion v1 -import { HeroSearchComponent } from './hero-search/hero-search.component'; +import { HeroSearchComponent } from './hero-search/hero-search.component'; // #docregion v1 -import { MessagesComponent } from './messages/messages.component'; +import { MessagesComponent } from './messages/messages.component'; // #docregion import-httpclientmodule @NgModule({ diff --git a/aio/content/examples/toh-pt6/src/app/hero-detail/hero-detail.component.ts b/aio/content/examples/toh-pt6/src/app/hero-detail/hero-detail.component.ts index 18c7d8f93f..6bcb8f014d 100644 --- a/aio/content/examples/toh-pt6/src/app/hero-detail/hero-detail.component.ts +++ b/aio/content/examples/toh-pt6/src/app/hero-detail/hero-detail.component.ts @@ -2,8 +2,8 @@ import { Component, OnInit, Input } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import { Location } from '@angular/common'; -import { Hero } from '../hero'; -import { HeroService } from '../hero.service'; +import { Hero } from '../hero'; +import { HeroService } from '../hero.service'; @Component({ selector: 'app-hero-detail', diff --git a/aio/content/examples/universal/src/app/app-routing.module.ts b/aio/content/examples/universal/src/app/app-routing.module.ts index 969e78b276..ee43081fc2 100644 --- a/aio/content/examples/universal/src/app/app-routing.module.ts +++ b/aio/content/examples/universal/src/app/app-routing.module.ts @@ -1,9 +1,9 @@ -import { NgModule } from '@angular/core'; +import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; -import { DashboardComponent } from './dashboard/dashboard.component'; -import { HeroesComponent } from './heroes/heroes.component'; -import { HeroDetailComponent } from './hero-detail/hero-detail.component'; +import { DashboardComponent } from './dashboard/dashboard.component'; +import { HeroesComponent } from './heroes/heroes.component'; +import { HeroDetailComponent } from './hero-detail/hero-detail.component'; const routes: Routes = [ { path: '', redirectTo: '/dashboard', pathMatch: 'full' }, diff --git a/aio/content/examples/universal/src/app/app.module.ts b/aio/content/examples/universal/src/app/app.module.ts index ed6e1a32db..a843e4d774 100644 --- a/aio/content/examples/universal/src/app/app.module.ts +++ b/aio/content/examples/universal/src/app/app.module.ts @@ -1,20 +1,20 @@ // #docplaster -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; -import { HttpClientModule } from '@angular/common/http'; +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +import { FormsModule } from '@angular/forms'; +import { HttpClientModule } from '@angular/common/http'; import { HttpClientInMemoryWebApiModule } from 'angular-in-memory-web-api'; -import { InMemoryDataService } from './in-memory-data.service'; +import { InMemoryDataService } from './in-memory-data.service'; -import { AppRoutingModule } from './app-routing.module'; +import { AppRoutingModule } from './app-routing.module'; -import { AppComponent } from './app.component'; -import { DashboardComponent } from './dashboard/dashboard.component'; -import { HeroDetailComponent } from './hero-detail/hero-detail.component'; -import { HeroesComponent } from './heroes/heroes.component'; -import { HeroSearchComponent } from './hero-search/hero-search.component'; -import { MessagesComponent } from './messages/messages.component'; +import { AppComponent } from './app.component'; +import { DashboardComponent } from './dashboard/dashboard.component'; +import { HeroDetailComponent } from './hero-detail/hero-detail.component'; +import { HeroesComponent } from './heroes/heroes.component'; +import { HeroSearchComponent } from './hero-search/hero-search.component'; +import { MessagesComponent } from './messages/messages.component'; // #docregion platform-detection import { PLATFORM_ID, APP_ID, Inject } from '@angular/core'; diff --git a/aio/content/examples/universal/src/app/hero-detail/hero-detail.component.ts b/aio/content/examples/universal/src/app/hero-detail/hero-detail.component.ts index 83f329d9df..6382af82bc 100644 --- a/aio/content/examples/universal/src/app/hero-detail/hero-detail.component.ts +++ b/aio/content/examples/universal/src/app/hero-detail/hero-detail.component.ts @@ -2,8 +2,8 @@ import { Component, OnInit, Input } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import { Location } from '@angular/common'; -import { Hero } from '../hero'; -import { HeroService } from '../hero.service'; +import { Hero } from '../hero'; +import { HeroService } from '../hero.service'; @Component({ selector: 'app-hero-detail', diff --git a/aio/content/examples/upgrade-phonecat-3-final/app/app-routing.module.ts b/aio/content/examples/upgrade-phonecat-3-final/app/app-routing.module.ts index f64d82e253..a437291ffd 100644 --- a/aio/content/examples/upgrade-phonecat-3-final/app/app-routing.module.ts +++ b/aio/content/examples/upgrade-phonecat-3-final/app/app-routing.module.ts @@ -4,7 +4,7 @@ import { Routes, RouterModule } from '@angular/router'; import { APP_BASE_HREF, HashLocationStrategy, LocationStrategy } from '@angular/common'; import { PhoneDetailComponent } from './phone-detail/phone-detail.component'; -import { PhoneListComponent } from './phone-list/phone-list.component'; +import { PhoneListComponent } from './phone-list/phone-list.component'; const routes: Routes = [ { path: '', redirectTo: 'phones', pathMatch: 'full' }, diff --git a/aio/content/examples/upgrade-phonecat-3-final/app/app.module.ts b/aio/content/examples/upgrade-phonecat-3-final/app/app.module.ts index d7ab65b498..c8755386e7 100644 --- a/aio/content/examples/upgrade-phonecat-3-final/app/app.module.ts +++ b/aio/content/examples/upgrade-phonecat-3-final/app/app.module.ts @@ -5,11 +5,11 @@ import { FormsModule } from '@angular/forms'; import { HttpClientModule } from '@angular/common/http'; import { AppRoutingModule } from './app-routing.module'; -import { AppComponent } from './app.component'; -import { CheckmarkPipe } from './core/checkmark/checkmark.pipe'; -import { Phone } from './core/phone/phone.service'; +import { AppComponent } from './app.component'; +import { CheckmarkPipe } from './core/checkmark/checkmark.pipe'; +import { Phone } from './core/phone/phone.service'; import { PhoneDetailComponent } from './phone-detail/phone-detail.component'; -import { PhoneListComponent } from './phone-list/phone-list.component'; +import { PhoneListComponent } from './phone-list/phone-list.component'; @NgModule({ imports: [ diff --git a/aio/content/examples/upgrade-phonecat-3-final/app/phone-detail/phone-detail.component.ts b/aio/content/examples/upgrade-phonecat-3-final/app/phone-detail/phone-detail.component.ts index 95aeca20e0..adff31edda 100644 --- a/aio/content/examples/upgrade-phonecat-3-final/app/phone-detail/phone-detail.component.ts +++ b/aio/content/examples/upgrade-phonecat-3-final/app/phone-detail/phone-detail.component.ts @@ -1,6 +1,6 @@ // #docplaster // #docregion -import { Component } from '@angular/core'; +import { Component } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import { Phone, PhoneData } from '../core/phone/phone.service'; diff --git a/aio/content/examples/user-input/src/app/app.component.ts b/aio/content/examples/user-input/src/app/app.component.ts index 6255909306..abbfa28cb1 100644 --- a/aio/content/examples/user-input/src/app/app.component.ts +++ b/aio/content/examples/user-input/src/app/app.component.ts @@ -1,5 +1,5 @@ // #docregion -import { Component } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-root', diff --git a/aio/content/examples/user-input/src/app/app.module.ts b/aio/content/examples/user-input/src/app/app.module.ts index 41f13f9f11..9f9ac5a38f 100644 --- a/aio/content/examples/user-input/src/app/app.module.ts +++ b/aio/content/examples/user-input/src/app/app.module.ts @@ -1,5 +1,5 @@ import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; +import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; import { ClickMeComponent } from './click-me.component';