Avatar ·

خطأ "Can't bind to 'ngFor' since it isn't a known native property" في Angular

مرحباً بالجميع! أنا مبتدئ في Angular و TypeScript، أحاول تعلم العمل مع القوائم. لدي مكون بسيط يجب أن يعرض قائمة المستخدمين. إليك كود المكون الخاص بي: ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-user-list', template: `

قائمة المستخدمين

  • {{ user.name }}
` }) export class UserListComponent { users = [ { name: 'إيفان', age: 25 }, { name: 'ماريا', age: 30 }, { name: 'بيتر', age: 28 } ]; } ``` ولكن عند تشغيل التطبيق، أحصل على الخطأ التالي في وحدة تحكم المتصفح: ``` ERROR Error: Uncaught (in promise): Error: Template parse errors: Can't bind to 'ngFor' since it isn't a known native property ``` لقد تحققت بالفعل من أنني قمت باستيراد BrowserModule في AppModule، لكن الخطأ لا يزال يظهر. ما الذي أفعله بشكل خاطئ؟ كيف يمكنني استخدام *ngFor بشكل صحيح في Angular؟ هل أحتاج إلى شيء آخر؟