조금은 사적인 블로그

Angular 모듈 만들기

Angular 2018. 10. 17. 13:38 Posted by 알기에링

컴포넌트 만들기

ng g c { 경로 }/{ 이름 }

모듈로 만들시에 app.module.ts 또는 상위 모듈 파일에서 자동으로 임포트 생성된 부분을 지워준다

모듈, 라우터 만들기
 
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'
}
 
 