生成组件

要使用选择器 [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 标志：