مرحبًا بالجميع! أنا مبتدئ في Angular (الإصدار 2+)، أحاول فهم الخدمات وحقن التبعيات. لدي خدمة بسيطة `NameService` أريد استخدامها في المكون لعرض اسم المستخدم. إليك الخدمة الخاصة بي (`name.service.ts`): ```typescript export class NameService { getName(): string { return 'إيفان إيفانوف'; } } ``` إليك المكون الخاص بي (`app.component.ts`): ```typescript import { Component } from '@angular/core'; import { NameService } from './name.service'; @Component({ selector: 'app-root', template: `

مرحبًا، {{ name }}!

` }) export class AppComponent { name: string; constructor(private nameService: NameService) { this.name = this.nameService.getName(); } } ``` عند تشغيل التطبيق، يظهر خطأ في وحدة تحكم المتصفح: `Error: No provider for NameService!` اعتقدت أنه إذا قمت باستيراد الخدمة ووضعتها في الـ constructor، فإن Angular سيتولى كل شيء تلقائيًا. لكن على ما يبدو، أنا أفتقد شيئًا.