Angular Snippets
Components, services, modules, signals, routing and forms for Angular.
Type a prefix and press Tab. 22 snippets.
| Language | Prefix | What it inserts |
|---|---|---|
| TypeScript | ngc |
A standalone component |
| TypeScript | ngci |
A component with an inline template |
| TypeScript | ngs |
An injectable service |
| TypeScript | nginj |
inject() |
| TypeScript | ngsig |
A signal |
| TypeScript | ngcomp |
A computed signal |
| TypeScript | ngeff |
An effect |
| TypeScript | ngin |
A signal input |
| TypeScript | ngout |
An output |
| TypeScript | nghttp |
An HTTP GET |
| TypeScript | ngroutes |
A routes array |
| TypeScript | nguard |
A functional guard |
| TypeScript | ngform |
A reactive form group |
| TypeScript | ngpipe |
A pipe |
| HTML / XML | ngif |
@if block |
| HTML / XML | ngfor |
@for block |
| HTML / XML | ngswitch |
@switch block |
| HTML / XML | ngdefer |
@defer block |
| HTML / XML | ngmodel |
ngModel |
| HTML / XML | ngclick |
A click handler |
| HTML / XML | ngrl |
A routerLink |
| HTML / XML | ngfield |
A reactive form field |
This extension runs no code and asks for no permissions.