https://ai-blog.noorshomelab.dev/tags/di/Recent content in DI on AI VOIDHugoenWed, 11 Feb 2026 00:00:00 +0000https://ai-blog.noorshomelab.dev/angular-production-guide-2026/services-dependency-injection/Wed, 11 Feb 2026 00:00:00 +0000https://ai-blog.noorshomelab.dev/angular-production-guide-2026/services-dependency-injection/<h2 id="introduction-to-services-and-dependency-injection">Introduction to Services and Dependency Injection</h2> <p>Welcome to Chapter 4! In the previous chapters, you&rsquo;ve mastered the fundamentals of Angular&rsquo;s standalone components, learning how to build self-contained UI pieces. But what happens when your components need to share data, perform complex logic, or interact with external resources like APIs? This is where Angular services and Dependency Injection (DI) come to the rescue!</p> <p>In this chapter, we&rsquo;ll dive deep into how services act as powerful, reusable building blocks for your application&rsquo;s business logic and data management. You&rsquo;ll learn the elegant system of Dependency Injection that Angular uses to deliver these services exactly where and when they&rsquo;re needed, all within the modern standalone architecture that minimizes boilerplate and maximizes clarity. By the end of this chapter, you&rsquo;ll not only understand <em>what</em> services and DI are, but also <em>why</em> they are fundamental to building robust, testable, and maintainable Angular applications, especially in a production environment.</p>https://ai-blog.noorshomelab.dev/injection-js-guide-chapters/working-with-injectors-and-hierarchies/Sat, 25 Oct 2025 00:00:00 +0000https://ai-blog.noorshomelab.dev/injection-js-guide-chapters/working-with-injectors-and-hierarchies/<h2 id="3-working-with-injectors-and-hierarchies">3. Working with Injectors and Hierarchies</h2> <p>In the previous chapter, we learned about services, providers, and how to create a basic injector. Now, let&rsquo;s dive deeper into how <code>ReflectiveInjector</code> resolves dependencies and, more importantly, how to build sophisticated <strong>injector hierarchies</strong> to manage dependencies in large, modular applications.</p> <h3 id="the-role-of-reflectiveinjector">The Role of <code>ReflectiveInjector</code></h3> <p>The <code>ReflectiveInjector</code> is the central component that <code>injection-js</code> uses to resolve dependencies. When you call <code>injector.get(SomeToken)</code>, it performs the following steps:</p>