30-seconds-of-angular
github.com/fetis/30-seconds-of-angular ↗Curated collection of Angular snippets that you can understand in 30 seconds or less
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me accessing enums in template resources from 30-seconds-of-angular"
Installation instructions →What's inside
Beginner snippets
- ⭐ Interactive demo of this snippetAccessing Enums in template
⬆ Back to topenums templates
- ⭐ Interactive demo of this snippetCheat Sheets and Checklists
⬆ Back to toptip cheat sheet
- ⭐ Interactive demo of this snippetComponent State Debugging
⬆ Back to topgood-to-know tips
- ⭐ Interactive demo of this snippetDefault ViewEncapsulation value
⬆ Back to topconfiguration styling
- ⭐ Interactive demo of this snippethammerjs-gestures
⬆ Back to topgood-to-know tips components gestures
- ⭐ Interactive demo of this snippetLoader Component
⬆ Back to toptips good-to-know components templates
Intermediate snippets
- ⭐ Interactive demo of this snippetAccessing all nested form controls
⬆ Back to topreactive forms tips good to know
- ⭐ Interactive demo of this snippetAdding keyboard shortcuts to elements
⬆ Back to toptips good-to-know
- ⭐ Interactive demo of this snippetBind to host properties with host binding
⬆ Back to topcomponents
- ⭐ Interactive demo of this snippetComponent level providers
⬆ Back to toptips components dependency-injection
- ⭐ Interactive demo of this snippetGlobal event listeners
⬆ Back to topevents components
- ⭐ Interactive demo of this snippetInjecting document
⬆ Back to topdependency injection
Advanced snippets
- ⭐ Interactive demo of this snippetGetting components of different types with ViewChild
⬆ Back to topgood-to-know tips components dependency-injection
- ⭐ Interactive demo of this snippetRouter Custom Preloading
⬆ Back to toprouter
- ⭐ Interactive demo of this snippetSVG
⬆ Back to toptip SVG
Showing a sample of 32 resources. View the full list on GitHub →