FR
RU
EN
ES
ZH
DE
PT
AR
HI
learn_code74
·
Comment appliquer des filtres à la directive *ngFor dans Angular ?
Bonjour à tous ! Je suis nouveau dans Angular et TypeScript, et j'ai un problème avec le filtrage des données dans le template. J'ai un composant qui affiche une liste d'utilisateurs avec *ngFor. Je dois filtrer cette liste par nom (par exemple, afficher uniquement les utilisateurs dont le nom commence par une certaine lettre ou contient une sous-chaîne). J'ai essayé d'utiliser un pipe, mais quelque chose s'est mal passé.
Voici mon code :
```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
Connectez-vous pour laisser une réponse
