Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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

Aberta
  • Algo errado?
#32,537 2 comentários 1 reação 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

@hemantmeena2005 já está trabalhando nisso.

Desde 8/1/2026.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
42/100
Tipo de issue
Documentação
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
angular, typescript
Domínio
documentation, frontend

Direção de pesquisa

Comece pelos componentes chips-form-control-example e chips-reactive-form-example referenciados na issue e inspecione os exemplos mostrados na página de documentação de chips. Compare suas classes e templates; considera-se concluído quando a lista de chips é demonstrada por meio do formControl em vez do keywords signal e o exemplo duplicado é removido ou consolidado.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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

Linguagem predominante
TypeScript
Estrelas
25k
Forks
6.8k
Merge médio
1d 5h
PRs com merge (30d)
67

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de angular/components

Todas as issues de angular/components

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.