30-seconds-of-angular

Curated collection of Angular snippets that you can understand in 30 seconds or less

GitHub Stars

Curated Resources

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"

⭐ Interactive demo of this snippetAccessing Enums in template
⬆ Back to topenums templates
⭐ Interactive demo of this snippetngIf else
⬆ Back to topngif templates
⭐ Interactive demo of this snippetRenaming inputs and outputs
⬆ Back to topcomponents templates
⭐ Interactive demo of this snippettrackBy in for loops
⬆ Back to topgood-to-know tips components performance
⭐ Interactive demo of this snippetUnderstanding Microsyntax
⬆ Back to toptip structural directive microsyntax
⭐ Interactive demo of this snippetCheat Sheets and Checklists
⬆ Back to toptip cheat sheet

⭐ 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 snippetGlobal event listeners
⬆ Back to topevents components
⭐ Interactive demo of this snippetInjecting document
⬆ Back to topdependency injection
⭐ Interactive demo of this snippetMark reactive fields as touched
⬆ Back to topreactive forms validation tips good to know
⭐ Interactive demo of this snippetObservables as outputs
⬆ Back to toptip outputs

⭐ 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 →