AR
RU
EN
ES
ZH
FR
DE
PT
HI
learn_code74
·
كيفية تطبيق الفلاتر على توجيه *ngFor في Angular؟
مرحباً بالجميع! أنا مبتدئ في Angular وTypeScript، وواجهت مشكلة في تصفية البيانات في القالب. لدي مكون يعرض قائمة المستخدمين باستخدام *ngFor. أحتاج إلى تصفية هذه القائمة حسب الاسم (مثلاً، إظهار المستخدمين الذين يبدأ اسمهم بحرف معين أو يحتوي على سلسلة فرعية). حاولت استخدام pipe ولكن حدث خطأ ما.
إليك الكود الخاص بي:
```typescript
// user.model.ts
export interface User {
id: number;
name: string;
email: string;
}
```
```typescript
// users.component.ts
import { Component } from '@angular/core';
import { User } from './user.model';
@Component({
selector: 'app-users',
templateUrl: './users.component.html'
})
export class UsersComponent {
users: User[] = [
{ id: 1, name: 'Анна', email: 'anna@example.com' },
{ id: 2, name: 'Борис', email: 'boris@example.com' },
{ id: 3, name: 'Виктор', email: 'viktor@example.com' }
];
}
```
```html
تسجيل الدخول لترك إجابة
