Angular Files

Angular File Naming Pattern

Each component will have a pattern of <component name>. component.ts, Remember <> denotes a placeholder for your name. All angular building blocks are named in this manner to help better identify what the file For example:

  • app.component.ts

  • foo.component.ts

  • header.component.ts

  • app.module.ts

  • math.service.ts

File Naming Patter <name>. <angular block type>. <file extension>

Last updated