---
# System prepended metadata

title: Angular 前端新增流程
tags: [FrontEnd, Angular]

---

# Angular 前端新增流程  




新增一頁流程
1: 含menu的目錄, 先建Module , cd 到 content-page
<若不需整個目錄,直接建component>
ng g m   course --routing  (直接建module及routing) course 是要建的Module名稱 

2: Component :  cd 進上建起來的目錄
ng g c film  (film 是要建的component名稱 )(會直接再建立目錄及四個檔案)(會直接在routing上新增)


其他設定 
3: 在Module內要加 SharedPrimeModule (公用Module
import { SharedPrimeModule } from 'src/app/shared/shared-prime/shared-prime.module';

@NgModule({

 imports: [
    SharedPrimeModule,


4: 如果是新增 module , 及routing , 要在 src/app/shared/routes/contents-layout.routes.ts
要把根目錄 router 設進去
{
        path: 'course',
        loadChildren: () =>
            import('src/app/pages/content-pages/course/course.module').then(
                (m) => m.CourseModule
            )
  },


5: service : 在目錄層建立

ng g s service/course



###### tags: `Angular` `FrontEnd` 