Angular CLI 常用指令

Angular CLI - generate 官方說明

ng generate • Overview • AngularAngular

Angualr CLI - generate

§ 基本指令

# 取得版號
ng version

# help
ng --help
ng generate --help
ng g c --help

§ 建立新元件

建立新元件 FooBarComponent。

ng generate component foo-bar
ng g c foo-bar

建立新元件 PageNotFoundComponent，並把 css, html 放入一個檔案且不產出單元測試檔 spec.ts。

ng generate component page-not-found --inline-style --inline-template --flat --skip-tests
ng g c page-not-found -s -t --flat --skip-tests

§ 建立新資料服務

ng generate service foo-data
ng g s foo-data

§ 建立路由守衛 (Auth Guard)

在前端 routing 時檢驗是否已登入並授權否。

ng generate guard atuh
ng g g auth

[從 0 開始的 Angular 生活]No.40 Angular Router 加上路由守衛 (Route Guards)pvt5r486's Blog

【Angular】路由守衛-GuardMedium