컴포넌트 만들기
ng g c { 경로 }/{ 이름 }
모듈로 만들시에 app.module.ts 또는 상위 모듈 파일에서 자동으로 임포트 생성된 부분을 지워준다
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | 모듈, 라우터 만들기 module.ts 파일 생성 routing.ts 파일 생성 // module.ts import { {이름}Routes } from './{이름}.routing'; import { {이름}Component } from './{이름}.component'; import { NgModule } from "@angular/core"; import { RouterModule } from '@angular/router'; @NgModule({ declarations: [ {이름}Component ], imports: [ RouterModule.forChild( Routes ), // 모듈 단위로 임포트 (SharedModule-CommomUtil이 연결되어 있어서 providers에 CommomUtil을 임포트 하지 않아도 사용할 수 있다) SharedModule.forRoot() ], exports: [], providers: [ // 임포트 할 서비스 ] }) export class {이름}Module { } //routing.ts import { Component } from './{이름}.component'; import { Routes } from '@angular/router'; export const Routes: Routes = [ { path: '', component: Component } ] 해당하는 상위 Routing 파일에 path 추가 { path: '{이름}', loadChildren: './{이름}.module#BoardModule' } | cs |