[Usage Statistics | Trunk]:
1. Folders "about" and "resources" and files for these pages added. 2. app.routing.ts: Routes "/about" and "/resources" added.
This commit is contained in:
parent
d776621f4b
commit
58c6417c53
|
@ -0,0 +1,3 @@
|
||||||
|
div {
|
||||||
|
color: red;
|
||||||
|
}
|
|
@ -0,0 +1,3 @@
|
||||||
|
<div>
|
||||||
|
test about
|
||||||
|
</div>
|
|
@ -0,0 +1,10 @@
|
||||||
|
import {Component} from "@angular/core";
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'about',
|
||||||
|
templateUrl: 'about.component.html',
|
||||||
|
styleUrls: ['about.component.css'],
|
||||||
|
})
|
||||||
|
export class AboutComponent {
|
||||||
|
|
||||||
|
}
|
|
@ -0,0 +1,19 @@
|
||||||
|
import {NgModule} from "@angular/core";
|
||||||
|
import {CommonModule} from "@angular/common";
|
||||||
|
import {RouterModule} from "@angular/router";
|
||||||
|
|
||||||
|
import {AboutComponent} from "./about.component";
|
||||||
|
|
||||||
|
@NgModule({
|
||||||
|
imports: [
|
||||||
|
CommonModule,
|
||||||
|
RouterModule.forChild([{
|
||||||
|
path: '', component: AboutComponent
|
||||||
|
}])
|
||||||
|
],
|
||||||
|
declarations: [AboutComponent],
|
||||||
|
exports: [AboutComponent]
|
||||||
|
})
|
||||||
|
export class AboutModule {
|
||||||
|
|
||||||
|
}
|
|
@ -2,14 +2,22 @@ import { NgModule} from '@angular/core';
|
||||||
import { Routes, RouterModule} from '@angular/router';
|
import { Routes, RouterModule} from '@angular/router';
|
||||||
|
|
||||||
const appRoutes: Routes = [
|
const appRoutes: Routes = [
|
||||||
{
|
{
|
||||||
path: '',
|
path: '',
|
||||||
loadChildren: './home/home.module#HomeModule'
|
loadChildren: './home/home.module#HomeModule'
|
||||||
}
|
},
|
||||||
|
{
|
||||||
|
path: 'about',
|
||||||
|
loadChildren: './about/about.module#AboutModule'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'resources',
|
||||||
|
loadChildren: './resources/resources.module#ResourcesModule'
|
||||||
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
imports: [ RouterModule.forRoot(appRoutes) ],
|
imports: [ RouterModule.forRoot(appRoutes) ],
|
||||||
exports: [ RouterModule ]
|
exports: [ RouterModule ]
|
||||||
})
|
})
|
||||||
export class AppRoutingModule {}
|
export class AppRoutingModule {}
|
||||||
|
|
|
@ -0,0 +1,3 @@
|
||||||
|
div {
|
||||||
|
color: green;
|
||||||
|
}
|
|
@ -0,0 +1,3 @@
|
||||||
|
<div>
|
||||||
|
test resources
|
||||||
|
</div>
|
|
@ -0,0 +1,10 @@
|
||||||
|
import {Component} from "@angular/core";
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'resources',
|
||||||
|
templateUrl: 'resources.component.html',
|
||||||
|
styleUrls: ['resources.component.css'],
|
||||||
|
})
|
||||||
|
export class ResourcesComponent {
|
||||||
|
|
||||||
|
}
|
|
@ -0,0 +1,19 @@
|
||||||
|
import {NgModule} from "@angular/core";
|
||||||
|
import {CommonModule} from "@angular/common";
|
||||||
|
import {RouterModule} from "@angular/router";
|
||||||
|
|
||||||
|
import {ResourcesComponent} from "./resources.component";
|
||||||
|
|
||||||
|
@NgModule({
|
||||||
|
imports: [
|
||||||
|
CommonModule,
|
||||||
|
RouterModule.forChild([{
|
||||||
|
path: '', component: ResourcesComponent
|
||||||
|
}])
|
||||||
|
],
|
||||||
|
declarations: [ResourcesComponent],
|
||||||
|
exports: [ResourcesComponent]
|
||||||
|
})
|
||||||
|
export class ResourcesModule {
|
||||||
|
|
||||||
|
}
|
Loading…
Reference in New Issue