Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

docs-bug(chips): the "form example" is not fully related to forms

Ouverte
#32,537 2 commentaires 1 réaction 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

@hemantmeena2005 y travaille déjà.

Depuis le 8/1/2026.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
42/100
Type d'issue
Documentation
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
angular, typescript

Piste de recherche

Commencez par les composants chips-form-control-example et chips-reactive-form-example référencés dans l’issue, puis examinez les exemples présentés sur la page de documentation de chips. Comparez leurs classes et leurs templates ; le travail est terminé lorsque la liste de chips est présentée via le formControl plutôt que via le keywords signal et que l’exemple en double est supprimé ou regroupé.

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

Description

area: material/chips docs P4
Documentation Feedback

We have chips-form-control-example, chips-reactive-form-example components that intend to illustrate how chips interact with the form control.
I see 2 problems here.

  1. The interaction with mat-chip-grid is happening not fully through the formControl. For now the source of chips's list is keywords signal, not the formControl: @for (keyword of keywords(); track keyword) {
    It seems we should take the formControl as the source of chips's list (not the signal): @for (keyword of formControl.value || []; track keyword) {
    Moreover we could get rid of the signal, because the goal of the example is to show the interaction between the formControl and the chips in the template.

  2. These two examples of chips-form-control-example and chips-reactive-form-example components duplicate each other. They have the same logic inside of components classes. So it seems we could leave only one of these two examples.

Affected documentation page

https://material.angular.dev/components/chips/examples

Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 7 h
PR mergées (30 j)
69

Préparer son environnement

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.

Autres issues de angular/components

Toutes les issues de angular/components

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

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