![\"Angular](\"https://cloud.githubusercontent.com/assets/1016365/26219144/aa986cfa-3bdb-11e7-9f04-7296dc9ae945.png\")
\n \n\n \n \n \n
npm run start:hmr\n
this.localState = {{ localState | json }}\n `\n})\nexport class AboutComponent implements OnInit {\n\n public localState: any;\n constructor(\n public route: ActivatedRoute\n ) {}\n\n public ngOnInit() {\n this.route\n .data\n .subscribe((data: any) => {\n /**\n * Your resolved data from route.\n */\n this.localState = data.yourData;\n });\n\n console.log('hello `About` component');\n /**\n * static data that is bundled\n * var mockData = require('assets/mock-data/mock-data.json');\n * console.log('mockData', mockData);\n * if you're working with mock data you can also use http.get('assets/mock-data/mock-data.json')\n */\n this.asyncDataWithWebpack();\n }\n private asyncDataWithWebpack() {\n /**\n * you can also async load mock data with 'es6-promise-loader'\n * you would do this if you don't want the mock-data bundled\n * remember that 'es6-promise-loader' is a promise\n */\n setTimeout(() => {\n\n import('../../assets/mock-data/mock-data.json')\n .then((json) => {\n console.log('async mockData', json);\n this.localState = json;\n });\n\n });\n }\n\n}\n"
},
{
"path": "src/app/about/index.ts",
"content": "export * from './about.component';\n"
},
{
"path": "src/app/app.component.css",
"content": "html, body{\n height: 100%;\n font-family: Arial, Helvetica, sans-serif\n}\n\na.active {\n background-color: gray;\n}\n"
},
{
"path": "src/app/app.component.spec.ts",
"content": "import { NO_ERRORS_SCHEMA } from '@angular/core';\nimport {\n inject,\n async,\n TestBed,\n ComponentFixture\n} from '@angular/core/testing';\n\n/**\n * Load the implementations that should be tested\n */\nimport { AppComponent } from './app.component';\nimport { AppState } from './app.service';\n\ndescribe(`App`, () => {\n let comp: AppComponent;\n let fixture: ComponentFixturethis.appState.state = {{ appState.state | json }}\n\n \n `\n})\nexport class AppComponent implements OnInit {\n public name = 'Angular Starter';\n public tipe = 'assets/img/tipe.png';\n public twitter = 'https://twitter.com/gdi2290';\n public url = 'https://tipe.io';\n public showDevModule: boolean = environment.showDevModule;\n\n constructor(\n public appState: AppState\n ) {}\n\n public ngOnInit() {\n console.log('Initial App State', this.appState.state);\n }\n\n}\n\n/**\n * Please review the https://github.com/AngularClass/angular-examples/ repo for\n * more angular app examples that you may copy/paste\n * (The examples may not be updated as quickly. Please open an issue on github for us to update it)\n * For help or questions please contact us at @AngularClass on twitter\n * or our chat on Slack at https://AngularClass.com/slack-join\n */\n"
},
{
"path": "src/app/app.e2e.ts",
"content": "import { browser, by, element } from 'protractor';\nimport 'tslib';\n\ndescribe('App', () => {\n\n beforeEach(async () => {\n await browser.get('/');\n });\n\n it('should have a title', async () => {\n const subject = await browser.getTitle();\n const result = 'Angular Starter by @gdi2290 from @TipeIO';\n expect(subject).toEqual(result);\n });\n\n it('should have header', async () => {\n const subject = await element(by.css('h1')).isPresent();\n const result = true;\n expect(subject).toEqual(result);\n });\n\n it('should have npm run start:hmr\n
this.localState = {{ localState | json }}\n\n