This section contains examples related to defer blocks in Angular.
| # | Example | Trigger Type | Description | Live Demo |
|---|---|---|---|---|
| 1 | Defer on Idle | @idle |
Loads when browser becomes idle | 🔗 Demo |
| 2 | Defer on Interaction | @interaction |
Triggers on user interaction | 🔗 Demo |
| 3 | Defer on Viewport | @viewport |
Loads when entering viewport | 🔗 Demo |
| 4 | Defer with Timer | @timer |
Time-based loading | 🔗 Demo |
| 6 | Defer on Hover | @hover |
Mouse hover triggers | 🔗 Demo |
| 7 | Defer on Immediate | @immediate |
Immediate after render | 🔗 Demo |
| # | Example | Advanced Features | Description | Live Demo |
|---|---|---|---|---|
| 5 | Advanced Defer | Multiple triggers + Error handling | Complex condition management | 🔗 Demo |
| 8 | Multiple Triggers & Prefetch | Performance optimization | Smart prefetching strategies | 🔗 Demo |
| 9 | Error Handling & Retry | Robust error management | Retry mechanisms & fallbacks | 🔗 Demo |
| 10 | Loading States with Timing | Professional UX | Anti-flicker timing controls | 🔗 Demo |
| 11 | Real-world Dashboard | Production-ready | Complete dashboard widget | 🔗 Demo |