حقن الاعتماديات ونطاق الخدمة

import { InjectionToken, Injector } from "@angular/core";
const LABEL = new InjectionToken<string>("course label");
const root = Injector.create({ providers: [{ provide: LABEL, useValue: "root" }] });
const child = Injector.create({ parent: root, providers: [{ provide: LABEL, useValue: "feature" }] });
console.log(root.get(LABEL), child.get(LABEL));
child.destroy();
root.destroy();

root feature

السطر root feature؛ يغير الاستبدال حل الابن دون تعديل مزود الجذر.

import { Component, Injectable, inject, signal } from "@angular/core";
@Injectable()
export class SelectionStore { readonly selected = signal<number | null>(null); }
@Component({
  selector: "app-selection-panel", standalone: true, providers: [SelectionStore],
  template: `<p>Selected: {{ store.selected() ?? "none" }}</p>`
})
export class SelectionPanel { readonly store = inject(SelectionStore); }

يمتلك مضيفان مستقلان اختيارين منفصلين؛ وتحتاج ملاحظة الملكية تجربة مكوّن لم تُنفّذ هنا.