> For the complete documentation index, see [llms.txt](https://softstack-factory.gitbook.io/mean-stack/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://softstack-factory.gitbook.io/mean-stack/angular/wk3/intro-to-angular/angular-architecture/angular-files.md).

# 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>