https://ai-blog.noorshomelab.dev/tags/event-manager/Recent content in Event Manager on AI VOIDHugoenSat, 25 Oct 2025 00:00:00 +0000https://ai-blog.noorshomelab.dev/angular-new-concepts/advanced-topics-custom-event-manager-plugins/Sat, 25 Oct 2025 00:00:00 +0000https://ai-blog.noorshomelab.dev/angular-new-concepts/advanced-topics-custom-event-manager-plugins/<h2 id="5-advanced-topics-custom-event-manager-plugins">5. Advanced Topics: Custom Event Manager Plugins</h2> <p>Angular provides a robust event handling system that allows you to respond to user interactions and other DOM events. While the default event binding syntax (<code>(click)=&quot;doSomething()&quot;</code>) covers most use cases, Angular&rsquo;s underlying <strong>EventManagerPlugin</strong> system offers a powerful way to extend and customize how events are processed. This is an advanced feature that allows you to create entirely new types of events or modify the behavior of existing ones, such as adding debouncing or throttling capabilities directly to your templates.</p>https://ai-blog.noorshomelab.dev/angular-new-concepts/project-2-custom-debounce-event/Sat, 25 Oct 2025 00:00:00 +0000https://ai-blog.noorshomelab.dev/angular-new-concepts/project-2-custom-debounce-event/<h2 id="7-guided-project-2-implementing-a-custom-debounce-event">7. Guided Project 2: Implementing a Custom Debounce Event</h2> <p>In this guided project, we&rsquo;ll build a highly practical custom Angular Event Manager Plugin. Our goal is to create a reusable <code>(debounceInput)</code> event that can be applied directly in templates to automatically debounce user input, preventing rapid, unnecessary event firing. This is crucial for improving performance in search fields, real-time validation, and other interactive elements.</p> <p><strong>Project Objective:</strong> Create a custom <code>(debounceInput)</code> event that triggers an Angular handler only after a specified delay since the last input, and apply it to an input field.</p>