生成元件

要使用選擇器 [prefix]-user-list 新增元件，請執行：

  $ ng g c user-list
  
  installing component
    create src/app/user-list/user-list.component.css
    create src/app/user-list/user-list.component.html
    create src/app/user-list/user-list.component.spec.ts
    create src/app/user-list/user-list.component.ts
    update src/app/app.module.ts

字首可防止元素名稱與其他應用程式中的元件以及本機 HTML 元素髮生衝突。因此，例如，如果字首是 app - 生成的元件將具有 app-user-list 選擇器。

• 要防止使用字首，請新增 --prefix false 或 -p false 標誌

  $ ng g c user-list --prefix false

import { Component } from '@angular/core';

@Component({
  selector: 'user-list',
  templateUrl: './user-list.component.html',
  styleUrls: ['./user-list.component.css']
})
export class UserListComponent {}

• 為防止建立 .spec 檔案，請新增 --spec false 或 -sp false 標誌

  $ ng g c user-list --spec false

  installing component
    create src/app/user-list/user-list.component.css
    create src/app/user-list/user-list.component.html
    create src/app/user-list/user-list.component.ts
    update src/app/app.module.ts

• 要使用內聯 html 模板而不是外部模板，請新增 --inline-template 或 -it 標誌

  $ ng g c user-list --inline-template

  installing component
    create src/app/user-list/user-list.component.css
    create src/app/user-list/user-list.component.spec.ts
    create src/app/user-list/user-list.component.ts
    update src/app/app.module.ts

• 要使用內聯樣式而不是外部樣式，請新增 --inline-style 或 -is 標誌

  $ ng g c user-list --inline-style

  installing component
    create src/app/user-list/user-list.component.html
    create src/app/user-list/user-list.component.spec.ts
    create src/app/user-list/user-list.component.ts
    update src/app/app.module.ts

• 要防止資料夾建立，請新增 --flat 或 -f 標誌

  $ ng g c user-list --flat
  
  installing component
    create src/app/user-list.component.css
    create src/app/user-list.component.html
    create src/app/user-list.component.spec.ts
    create src/app/user-list.component.ts
    update src/app/app.module.ts

你還可以組合上面列出的標誌。例如，要僅建立 .component.ts 檔案而不使用 .css，.html，.spec 檔案和資料夾使用以下命令。

  $ ng g c user-list -f -it -is -sp false
  
  installing component
    create src/app/user-list.component.ts
    update src/app/app.module.ts  

所有 generate component 標誌：