Como aplicar filtros à diretiva *ngFor no Angular?
Olá a todos! Sou novo no Angular e TypeScript, e estou com um problema para filtrar dados no template. Tenho um componente que exibe uma lista de usuários usando *ngFor. Preciso filtrar essa lista pelo nome (por exemplo, mostrar apenas usuários cujo nome começa com uma letra específica ou contém uma substring). Tentei usar pipe, mas algo deu errado.\n\nAqui está meu código:\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, name: 'Анна', email: 'anna@example.com' },\n { id: 2, name: 'Борис', email: 'boris@example.com' },\n { id: 3, name: 'Виктор', email: 'viktor@example.com' }\n ];\n}\n```\n\n```html\n\n
- \n
- \n {{ user.name }} - {{ user.email }}\n \n