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