Resources
-Here are some links to help you get started:
- - - - -Next Steps
-What do you want to do next with your app?
- - - -ng generate component xyz-
ng add @angular/material-
ng add @angular/pwa-
ng add _____-
ng test-
ng build --prod-
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index d425c6f..e47bf19 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -1,7 +1,23 @@ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; -const routes: Routes = []; +import { ListPageComponent } from './list-page/list-page.component' +import { ArticlePageComponent } from './article-page/article-page.component' + +const routes: Routes = [ + { + path: '', + component: ListPageComponent + }, + { + path: 'list', + component: ListPageComponent + }, + { + path: 'article', + component: ArticlePageComponent + } +]; @NgModule({ imports: [RouterModule.forRoot(routes)], diff --git a/src/app/app.component.html b/src/app/app.component.html index e48d8c1..6bb7648 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,534 +1,17 @@ - - - - - - - - - - - - -
Here are some links to help you get started:
- - - - -What do you want to do next with your app?
- - - -ng generate component xyz-
ng add @angular/material-
ng add @angular/pwa-
ng add _____-
ng test-
ng build --prod-
article-page works!
diff --git a/src/app/article-page/article-page.component.spec.ts b/src/app/article-page/article-page.component.spec.ts new file mode 100644 index 0000000..fd727a2 --- /dev/null +++ b/src/app/article-page/article-page.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ArticlePageComponent } from './article-page.component'; + +describe('ArticlePageComponent', () => { + let component: ArticlePageComponent; + let fixture: ComponentFixturearticle works!
diff --git a/src/app/article/article.component.spec.ts b/src/app/article/article.component.spec.ts new file mode 100644 index 0000000..1fd8bfb --- /dev/null +++ b/src/app/article/article.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ArticleComponent } from './article.component'; + +describe('ArticleComponent', () => { + let component: ArticleComponent; + let fixture: ComponentFixturelist-item works!
diff --git a/src/app/list-item/list-item.component.spec.ts b/src/app/list-item/list-item.component.spec.ts new file mode 100644 index 0000000..169c9e4 --- /dev/null +++ b/src/app/list-item/list-item.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ListItemComponent } from './list-item.component'; + +describe('ListItemComponent', () => { + let component: ListItemComponent; + let fixture: ComponentFixturelist-page works!
diff --git a/src/app/list-page/list-page.component.spec.ts b/src/app/list-page/list-page.component.spec.ts new file mode 100644 index 0000000..392153f --- /dev/null +++ b/src/app/list-page/list-page.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ListPageComponent } from './list-page.component'; + +describe('ListPageComponent', () => { + let component: ListPageComponent; + let fixture: ComponentFixturelist-paginate works!
diff --git a/src/app/list-paginate/list-paginate.component.spec.ts b/src/app/list-paginate/list-paginate.component.spec.ts new file mode 100644 index 0000000..4827ed7 --- /dev/null +++ b/src/app/list-paginate/list-paginate.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ListPaginateComponent } from './list-paginate.component'; + +describe('ListPaginateComponent', () => { + let component: ListPaginateComponent; + let fixture: ComponentFixturelist works!
diff --git a/src/app/list/list.component.spec.ts b/src/app/list/list.component.spec.ts new file mode 100644 index 0000000..a5d3a5c --- /dev/null +++ b/src/app/list/list.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ListComponent } from './list.component'; + +describe('ListComponent', () => { + let component: ListComponent; + let fixture: ComponentFixture