¿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 }}