angular / angular/components

feat(MatChipList): add better out-of-the-box support for FormControls

Ouverte
#19,391 8 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

area: material/autocomplete area: material/chips feature P3
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

#### Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/chips-autocomplete-required-failure?file=app/chips-autocomplete-example.ts

Steps to reproduce:
1. Fork the mat-chips autocomplete example from the Angular documentation
2. Move the form control to the mat-chip-list and add required attribute
3. Try using the auto complete 💥

NOTE: Followed suggestion in the following issue to add the required field, but that example doesn't include autocomplete. With this the autocomplete breaks. https://github.com/angular/components/issues/14195

#### Expected Behavior

The autocomplete should filter results based on text entered.

#### Actual Behavior

The autocomplete does not filter the results based on the text input from the user.

#### Environment

- Angular: 8.2.14
- CDK/Material: 8.2.3
- Browser(s): Chrome 81.0.4044.138
- Operating System (macOS): Mojave 10.14.6

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par la reproduction StackBlitz dans app/chips-autocomplete-example.ts et comparez-la avec le Angular Material chips autocomplete example et l’Issue 14195. Reproduisez l’échec en déplaçant le FormControl vers mat-chip-list et en ajoutant required, puis suivez l’interaction entre MatChipList et autocomplete. Le travail est terminé lorsque autocomplete filtre les résultats à partir du texte saisi par l’utilisateur tout en continuant à prendre en charge le contrôle required.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.