angular-cli Working with angular-cli: Generating components, directives, pipes, services, etc. Generating directives

Example

To add a directive with a selector [prefix]Highlight, run:

  $ ng g d highlight

  installing directive
    create src/app/highlight.directive.spec.ts
    create src/app/highlight.directive.ts
    update src/app/app.module.ts

• To prevent prefix usage add --prefix false or -p false flag

  $ ng g d highlight --prefix false

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

@Directive({
  selector: '[highlight]'
})
export class HighlightDirective {}

• To prevent .spec files creation add --spec false or -sp false flag

  $ ng g d highlight --spec false

  installing directive
    create src/app/highlight.directive.ts
    update src/app/app.module.ts

• To enable folder creation add --flat false or -f false flag

  $ ng g d highlight --flat false
  
  installing directive
    create src/app/highlight/highlight.directive.spec.ts
    create src/app/highlight/highlight.directive.ts
    update src/app/app.module.ts

You can also combine flags listed above. For example, to create only highlight.directive.ts file inside highlight folder without .spec file use the following command.

  $ ng g d highlight -f false -sp false

  installing directive
    create src/app/highlight/highlight.directive.ts
    update src/app/app.module.ts

All generate directive flags:

Description	Flag	Shortened	Default Value
Enable folder creation	--flat false	-f false	true
Prevent prefix usage	--prefix false	-p false	true
Prevent .spec files creation	--spec false	-sp false	true