master
Matt Huntington 9 years ago
parent fa6d6dd3bb
commit 794de610f2

@ -1,15 +1,15 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
@Component({ @Component({
selector: 'app-about', selector: 'app-about',
templateUrl: './about.component.html', templateUrl: './about.component.html',
styleUrls: ['./about.component.css'] styleUrls: ['./about.component.css']
}) })
export class AboutComponent implements OnInit { export class AboutComponent implements OnInit {
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
} }
} }

@ -10,17 +10,17 @@ import { RouterModule } from '@angular/router';
import { AppRoutingModule } from './app-routing.module' import { AppRoutingModule } from './app-routing.module'
@NgModule({ @NgModule({
declarations: [ declarations: [
AppComponent, AppComponent,
AboutComponent, AboutComponent,
LinksComponent, LinksComponent,
ResumeComponent ResumeComponent
], ],
imports: [ imports: [
BrowserModule, BrowserModule,
AppRoutingModule AppRoutingModule
], ],
providers: [], providers: [],
bootstrap: [AppComponent] bootstrap: [AppComponent]
}) })
export class AppModule { } export class AppModule { }

@ -1,15 +1,15 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
@Component({ @Component({
selector: 'app-links', selector: 'app-links',
templateUrl: './links.component.html', templateUrl: './links.component.html',
styleUrls: ['./links.component.css'] styleUrls: ['./links.component.css']
}) })
export class LinksComponent implements OnInit { export class LinksComponent implements OnInit {
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
} }
} }

@ -1,15 +1,15 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
@Component({ @Component({
selector: 'app-resume', selector: 'app-resume',
templateUrl: './resume.component.html', templateUrl: './resume.component.html',
styleUrls: ['./resume.component.css'] styleUrls: ['./resume.component.css']
}) })
export class ResumeComponent implements OnInit { export class ResumeComponent implements OnInit {
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
} }
} }

@ -135,21 +135,21 @@ Now add the module as an import in `src/app/app.module.ts` and define which modu
```javascript ```javascript
imports: [ imports: [
BrowserModule, BrowserModule,
RouterModule.forRoot([ RouterModule.forRoot([
{ {
path: 'about', path: 'about',
component: AboutComponent component: AboutComponent
}, },
{ {
path: 'resume', path: 'resume',
component: ResumeComponent component: ResumeComponent
}, },
{ {
path: 'links', path: 'links',
component: LinksComponent component: LinksComponent
} }
]) ])
], ],
``` ```
@ -235,18 +235,18 @@ Now let's replace our routing with our new AppRoutingModule in `src/app/app.modu
import { AppRoutingModule } from './app-routing.module' import { AppRoutingModule } from './app-routing.module'
@NgModule({ @NgModule({
declarations: [ declarations: [
AppComponent, AppComponent,
AboutComponent, AboutComponent,
LinksComponent, LinksComponent,
ResumeComponent ResumeComponent
], ],
imports: [ imports: [
BrowserModule, BrowserModule,
AppRoutingModule AppRoutingModule
], ],
providers: [], providers: [],
bootstrap: [AppComponent] bootstrap: [AppComponent]
}) })
export class AppModule { } export class AppModule { }
``` ```

Loading…
Cancel
Save