Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

30-seconds-of-angular

Curated collection of Angular snippets that you can understand in 30 seconds or less
https://github.com/fetis/30-seconds-of-angular

Last synced: 4 days ago
JSON representation

  • Beginner snippets

    • Understanding Microsyntax

    • Accessing Enums in template

    • Cheat Sheets and Checklists

    • Component State Debugging

    • Default ViewEncapsulation value

    • hammerjs-gestures

      • ⭐ Interactive demo of this snippet - of-contents) | tags: [good-to-know](https://30.codelab.fun/tags/good-to-know) [tips](https://30.codelab.fun/tags/tips) [components](https://30.codelab.fun/tags/components) [gestures](https://30.codelab.fun/tags/gestures)

    • Loader Component

      • ⭐ Interactive demo of this snippet - of-contents) | tags: [tips](https://30.codelab.fun/tags/tips) [good-to-know](https://30.codelab.fun/tags/good-to-know) [components](https://30.codelab.fun/tags/components) [templates](https://30.codelab.fun/tags/templates)

    • ng-content

      • ⭐ Interactive demo of this snippet - of-contents) | tags: [good-to-know](https://30.codelab.fun/tags/good-to-know) [tips](https://30.codelab.fun/tags/tips) [components](https://30.codelab.fun/tags/components)

    • ngIf else

    • Optional parameters in the middle

    • Renaming inputs and outputs

    • trackBy in for loops

      • ⭐ Interactive demo of this snippet - of-contents) | tags: [good-to-know](https://30.codelab.fun/tags/good-to-know) [tips](https://30.codelab.fun/tags/tips) [components](https://30.codelab.fun/tags/components) [performance](https://30.codelab.fun/tags/performance)
      • Safe Navigation Operator - reference exceptions in component template expressions. It returns object property value if it exists or null otherwise.
      • ⭐ Interactive demo of this snippet - of-contents) | tags: [object property handling](https://30.codelab.fun/tags/object-property-handling) [tips](https://30.codelab.fun/tags/tips) [good to know](https://30.codelab.fun/tags/good-to-know)

  • Intermediate snippets

  • Advanced snippets

    • Getting components of different types with ViewChild

      • ⭐ Interactive demo of this snippet - of-contents) | tags: [good-to-know](https://30.codelab.fun/tags/good-to-know) [tips](https://30.codelab.fun/tags/tips) [components](https://30.codelab.fun/tags/components) [dependency-injection](https://30.codelab.fun/tags/dependency-injection)

    • Router Custom Preloading

    • SVG

Programming Languages
TypeScript 1
Categories
Intermediate snippets 18 Beginner snippets 18 Advanced snippets 3
Sub Categories
Understanding Microsyntax 3 Preseving whitespaces 2 Safe Navigation Operator 2 Renaming inputs and outputs 2 Cheat Sheets and Checklists 2 Reusing existing custom pipes 2 Observables as outputs 1 Window Location injection 1 Optional parameters in the middle 1 SVG 1 hammerjs-gestures 1 Default ViewEncapsulation value 1 Using APP_INITIALIZER to delay app start 1 Bind to host properties with host binding 1 Getting components of different types with ViewChild 1 Accessing Enums in template 1 Component level providers 1 Global event listeners 1 Injecting document 1 Router Custom Preloading 1 ngIf else 1 Component State Debugging 1 ng-content 1 trackBy in for loops 1 Accessing all nested form controls 1 Passing template as an input 1 Style bindings 1 Loader Component 1 Mark reactive fields as touched 1 Two-way binding any property 1 Adding keyboard shortcuts to elements 1 Reusing code in template 1
Keywords
typescript 1 pipes 1 pipe 1 ng 1 javascript 1 angular 1