feat(enviroment): added enviroment and service Title

Author: Ismaestro

e2e/hero-create-new.e2e-spec.ts

@@ -0,0 +1,14 @@
+import {AngularTOHPage} from './app.po';
+
+describe('angular-hero-cli App', function () {
+  let page: AngularTOHPage;
+
+  beforeEach(() => {
+    page = new AngularTOHPage();
+  });
+
+  it('Title', () => {
+    page.navigateTo();
+    expect(page.getParagraphText()).toEqual('Top Heroes');
+  });
+});

src/app/app.component.ts

@@ -1,7 +1,7 @@
-import {Component, Inject} from '@angular/core';
+import {Component} from '@angular/core';
+import {Title} from '@angular/platform-browser';
 
-import {APP_CONFIG} from './config/app.config';
-import {IAppConfig} from './config/iapp.config';
+import {environment} from '../environments/environment';
 
 @Component({
   selector: 'toh-app',
@@ -11,7 +11,7 @@ import {IAppConfig} from './config/iapp.config';
 export class AppComponent {
   title: string;
 
-  constructor(@Inject(APP_CONFIG) private appConfig: IAppConfig) {
-    this.title = this.appConfig.title;
+  constructor(private titleService: Title) {
+    titleService.setTitle(environment.title);
   }
 }

src/app/config/app.config.ts

@@ -6,7 +6,6 @@ export let APP_CONFIG = new OpaqueToken('app.config');
 
 let heroesRoute = 'heroes';
 export const AppConfig: IAppConfig = {
-  title: 'Tour of Heroes',
   routes: {
     heroes: heroesRoute,
     heroById: heroesRoute + '/:id'

src/app/config/iapp.config.ts

@@ -1,5 +1,4 @@
 export interface IAppConfig {
   routes: any;
   endpoints: any;
-  title: string;
 }

src/environments/environment.prod.ts

@@ -1,3 +1,4 @@
 export const environment = {
-  production: true
+  production: true,
+  title: 'Tour of heroes in prod'
 };

src/environments/environment.ts

@@ -4,5 +4,6 @@
 // The list of which env maps to which file can be found in `angular-cli.json`.
 
 export const environment = {
-  production: false
+  production: false,
+  title: 'Tour of heroes in dev'
 };