Avatar ·

Wie man Filter auf die *ngFor-Direktive in Angular anwendet

Hallo zusammen! Ich bin neu in Angular und TypeScript und habe ein Problem mit der Datenfilterung in der Vorlage. Ich habe eine Komponente, die eine Benutzerliste mit *ngFor anzeigt. Ich muss diese Liste nach Namen filtern (z.B. nur Benutzer anzeigen, deren Name mit einem bestimmten Buchstaben beginnt oder eine Teilzeichenfolge enthält). Ich habe versucht, einen Pipe zu verwenden, aber etwas ist schiefgelaufen.\n\nHier ist mein Code:\n\n```typescript\n// user.model.ts\nexport interface User {\n id: number;\n name: string;\n email: string;\n}\n```\n\n```typescript\n// users.component.ts\nimport { Component } from '@angular/core';\nimport { User } from './user.model';\n\n@Component({\n selector: 'app-users',\n templateUrl: './users.component.html'\n})\nexport class UsersComponent {\n users: User[] = [\n { id: 1,