Avatar ·

¿Cómo aplicar filtros a la directiva *ngFor en Angular?

¡Hola a todos! Soy nuevo en Angular y TypeScript, y tengo un problema con el filtrado de datos en la plantilla. Tengo un componente que muestra una lista de usuarios usando *ngFor. Necesito filtrar esta lista por nombre (por ejemplo, mostrar solo usuarios cuyo nombre comience con una letra específica o contenga una subcadena). Intenté usar un pipe, pero algo salió mal. Aquí está mi código: ```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
  • {{ user.name }}
``` ¿Alguien puede explicarme cómo aplicar un filtro de manera correcta? He oído que en versiones recientes de Angular se recomienda usar métodos en el componente en lugar de pipes personalizados. ¿Es cierto? Agradecería cualquier consejo o ejemplo.