Angular में *ngFor डायरेक्टिव पर फ़िल्टर कैसे लागू करें?
सभी को नमस्ते! मैं Angular और TypeScript में नया हूँ, और मुझे टेम्पलेट में डेटा फ़िल्टर करने में समस्या आ रही है। मेरे पास एक कंपोनेंट है जो *ngFor का उपयोग करके उपयोगकर्ताओं की सूची प्रदर्शित करता है। मुझे इस सूची को नाम के आधार पर फ़िल्टर करना है (उदाहरण के लिए, केवल वे उपयोगकर्ता दिखाएँ जिनका नाम किसी विशेष अक्षर से शुरू होता है या जिसमें कोई substring हो)। मैंने 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,