tweak code

Author: kwalrath

public/docs/_examples/dependency-injection/dart/lib/app_component.dart

@@ -16,18 +16,17 @@ import 'providers_component.dart';
 @Component(
     selector: 'my-app',
     template: '''
-    <h1>{{title}}</h1>
-    <my-car></my-car>
-    <my-injectors></my-injectors>
-    <my-tests></my-tests>
-    <h2>User</h2>
-    <p id="user">
-      {{userInfo}}
-      <button (click)=\'nextUser()\'>Next User</button>
-    <p>
-    <my-heroes id="authorized" *ngIf="isAuthorized"></my-heroes>
-    <my-heroes id="unauthorized" *ngIf="!isAuthorized"></my-heroes>
-  ''',
+      <h1>{{title}}</h1>
+      <my-car></my-car>
+      <my-injectors></my-injectors>
+      <my-tests></my-tests>
+      <h2>User</h2>
+      <p id="user">
+        {{userInfo}}
+        <button (click)=\'nextUser()\'>Next User</button>
+      <p>
+      <my-heroes id="authorized" *ngIf="isAuthorized"></my-heroes>
+      <my-heroes id="unauthorized" *ngIf="!isAuthorized"></my-heroes>''',
     directives: const [
       CarComponent,
       HeroesComponent,
@@ -41,7 +40,7 @@ import 'providers_component.dart';
       const Provider(Config, useValue: CONFIG)
     ]
 // #enddocregion providers
-    )
+)
 class AppComponent {
   UserService _userService;
   String title;

public/docs/_examples/dependency-injection/dart/lib/app_component_1.dart

@@ -9,10 +9,9 @@ import 'heroes/heroes_component_1.dart';
 @Component(
     selector: 'my-app',
     template: '''
-    <h1>{{title}}</h1>
-    <my-car></my-car>
-    <my-heroes></my-heroes>
-  ''',
+      <h1>{{title}}</h1>
+      <my-car></my-car>
+      <my-heroes></my-heroes>''',
     directives: const [CarComponent, HeroesComponent])
 class AppComponent {
   var title = 'Dependency Injection';

public/docs/_examples/dependency-injection/dart/lib/app_component_2.dart

@@ -12,10 +12,9 @@ import 'logger_service.dart';
 @Component(
     selector: 'my-app',
     template: '''
-    <h1>{{title}}</h1>
-    <my-car></my-car>
-    <my-heroes></my-heroes>
-  ''',
+      <h1>{{title}}</h1>
+      <my-car></my-car>
+      <my-heroes></my-heroes>''',
     directives: const [
       CarComponent,
       HeroesComponent

public/docs/_examples/dependency-injection/dart/lib/car/car_component.dart

@@ -10,15 +10,14 @@ import 'car_no_di.dart' as carNoDi;
 @Component(
     selector: 'my-car',
     template: '''
-  <h2>Cars</h2>
-  <div id="di">{{car.drive()}}</div>
-  <div id="nodi">{{noDiCar.drive()}}</div>
-  <div id="injector">{{injectorCar.drive()}}</div>
-  <div id="factory">{{factoryCar.drive()}}</div>
-  <div id="simple">{{simpleCar.drive()}}</div>
-  <div id="super">{{superCar.drive()}}</div>
-  <div id="test">{{testCar.drive()}}</div>
-  ''',
+      <h2>Cars</h2>
+      <div id="di">{{car.drive()}}</div>
+      <div id="nodi">{{noDiCar.drive()}}</div>
+      <div id="injector">{{injectorCar.drive()}}</div>
+      <div id="factory">{{factoryCar.drive()}}</div>
+      <div id="simple">{{simpleCar.drive()}}</div>
+      <div id="super">{{superCar.drive()}}</div>
+      <div id="test">{{testCar.drive()}}</div>''',
     providers: const [Car, Engine, Tires])
 class CarComponent {
   Car car;

public/docs/_examples/dependency-injection/dart/lib/heroes/hero_list_component.dart

@@ -1,21 +1,20 @@
 // #docregion
 import 'package:angular2/angular2.dart';
+
 import 'hero.dart';
 import 'hero_service.dart';
 
 @Component(
     selector: 'hero-list',
     template: '''
-  <div *ngFor="#hero of heroes">
-    {{hero.id}} - {{hero.name}}
-    ({{hero.isSecret ? \'secret\' : \'public\'}})
-  </div>
-  ''')
+      <div *ngFor="#hero of heroes">
+        {{hero.id}} - {{hero.name}}
+        ({{hero.isSecret ? \'secret\' : \'public\'}})
+      </div>''')
 class HeroListComponent {
   List<Hero> heroes;
 
 //#docregion ctor-signature
-  HeroListComponent(HeroService heroService)
-      : heroes = heroService.getHeroes();
+  HeroListComponent(HeroService heroService) : heroes = heroService.getHeroes();
 //#enddocregion ctor-signature
 }

public/docs/_examples/dependency-injection/dart/lib/heroes/hero_list_component_1.dart

@@ -7,10 +7,9 @@ import 'mock_heroes.dart';
 @Component(
     selector: 'hero-list',
     template: '''
-  <div *ngFor="#hero of heroes">
-    {{hero.id}} - {{hero.name}}
-  </div>
-  ''')
+      <div *ngFor="#hero of heroes">
+        {{hero.id}} - {{hero.name}}
+      </div>''')
 class HeroListComponent {
   List<Hero> heroes = HEROES;
 }

public/docs/_examples/dependency-injection/dart/lib/heroes/hero_list_component_2.dart

@@ -7,10 +7,9 @@ import 'hero_service.dart';
 @Component(
     selector: 'hero-list',
     template: '''
-  <div *ngFor="#hero of heroes">
-    {{hero.id}} - {{hero.name}}
-  </div>
-  ''')
+      <div *ngFor="#hero of heroes">
+        {{hero.id}} - {{hero.name}}
+      </div>''')
 class HeroListComponent {
   List<Hero> heroes;
 

public/docs/_examples/dependency-injection/dart/lib/heroes/hero_service.dart

@@ -1,9 +1,9 @@
 // #docregion
 import 'package:angular2/angular2.dart';
 
+import '../logger_service.dart';
 import 'hero.dart';
 import 'mock_heroes.dart';
-import '../logger_service.dart';
 
 @Injectable()
 class HeroService {
@@ -15,7 +15,7 @@ class HeroService {
 
   List<Hero> getHeroes() {
     var auth = _isAuthorized ? 'authorized' : 'unauthorized';
-    _logger.log('Getting heroes for ${auth} user.');
+    _logger.log('Getting heroes for $auth user.');
     return HEROES.where((hero) => _isAuthorized || !hero.isSecret).toList();
   }
 // #enddocregion internals

public/docs/_examples/dependency-injection/dart/lib/heroes/hero_service_2.dart

@@ -1,9 +1,9 @@
 // #docregion
 import 'package:angular2/angular2.dart';
 
+import '../logger_service.dart';
 import 'hero.dart';
 import 'mock_heroes.dart';
-import '../logger_service.dart';
 
 @Injectable()
 class HeroService {

public/docs/_examples/dependency-injection/dart/lib/heroes/hero_service_provider.dart

@@ -1,9 +1,9 @@
 // #docregion
 import 'package:angular2/angular2.dart';
 
-import 'hero_service.dart';
 import '../logger_service.dart';
 import '../user_service.dart';
+import 'hero_service.dart';
 
 // #docregion factory
 heroServiceFactory(Logger logger, UserService userService) =>

public/docs/_examples/dependency-injection/dart/lib/heroes/heroes_component.dart

@@ -7,9 +7,9 @@ import 'hero_service_provider.dart';
 @Component(
     selector: 'my-heroes',
     template: '''
-  <h2>Heroes</h2>
-  <hero-list></hero-list>
-  ''',
+      <h2>Heroes</h2>
+      <hero-list></hero-list>
+      ''',
     providers: const [heroServiceProvider],
     directives: const [HeroListComponent])
 class HeroesComponent {}

public/docs/_examples/dependency-injection/dart/lib/heroes/heroes_component_1.dart

@@ -11,9 +11,8 @@ import 'hero_service.dart';
 @Component(
     selector: 'my-heroes',
     template: '''
-  <h2>Heroes</h2>
-  <hero-list></hero-list>
-  ''',
+      <h2>Heroes</h2>
+      <hero-list></hero-list>''',
 // #enddocregion v1
 // #docregion providers
     providers: const [HeroService],

public/docs/_examples/dependency-injection/dart/lib/injector_component.dart

@@ -13,11 +13,10 @@ import 'logger_service.dart';
 @Component(
     selector: 'my-injectors',
     template: '''
-  <h2>Other Injections</h2>
-  <div id="car"> {{car.drive()}}</div>
-  <div id="hero">{{hero.name}}</div>
-  <div id="rodent">{{rodent}}</div>
-  ''',
+      <h2>Other Injections</h2>
+      <div id="car"> {{car.drive()}}</div>
+      <div id="hero">{{hero.name}}</div>
+      <div id="rodent">{{rodent}}</div>''',
     providers: const [
       Car,
       Engine,
@@ -27,17 +26,8 @@ import 'logger_service.dart';
     ])
 class InjectorComponent {
   Injector _injector;
-
-  InjectorComponent(this._injector) {
-    car = _injector.get(Car);
-    heroService = _injector.get(HeroService);
-    hero = heroService.getHeroes()[0];
-  }
-
   Car car;
-  //#docregion get-hero-service
   HeroService heroService;
-  //#enddocregion get-hero-service
   Hero hero;
 
   String get rodent {
@@ -47,6 +37,14 @@ class InjectorComponent {
     }
     return "R.O.U.S.'s? I don't think they exist!";
   }
+
+  InjectorComponent(this._injector) {
+    car = _injector.get(Car);
+    //#docregion get-hero-service
+    heroService = _injector.get(HeroService);
+    //#enddocregion get-hero-service
+    hero = heroService.getHeroes()[0];
+  }
 }
 //#enddocregion injector