خطأ "mat-form-field must contain a MatFormFieldControl" في Angular Material

مرحباً بالجميع! أنا مبتدئ في Angular و Angular Material. أحاول إنشاء نموذج بسيط مع حقل نصي، لكني أحصل على خطأ في وحدة التحكم: "mat-form-field must contain a MatFormFieldControl". لدي Angular 15 و Angular Material. إليك كود المكون الخاص بي: **app.component.ts:** ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'my-form-app'; } ``` **app.component.html:** ```html اسم المستخدم ``` لقد قمت باستيراد MatFormFieldModule في app.module.ts: ```typescript import { MatFormFieldModule } from '@angular/material/form-field'; @NgModule({ imports: [MatFormFieldModule], ... }) ``` ولكن ما زال الخطأ موجوداً. حاولت إضافة MatInputModule، لكنه لم يساعد. ما الذي أفعله بشكل خاطئ؟ كيف يمكنني استخدام mat-form-field مع input بشكل صحيح؟