Eu não entendi como os valores dos mat-button-toggle no html do FormBuscaComponent ficaram associados ao FormControl do FormBuscaService.
Solucionado
Eu não entendi como os valores dos mat-button-toggle no html do FormBuscaComponent ficaram associados ao FormControl do FormBuscaService.
Olá, Víctor!
Quando você define um grupo de botões toggle (mat-button-toggle-group) no seu template HTML e associa a ele uma diretiva formControlName, você está dizendo ao Angular que aquele grupo de botões será controlado por um FormControl específico do seu FormGroup.
No seu caso, o FormBuscaService possui um FormGroup chamado formBusca, que contém um FormControl chamado somenteIda. No template HTML, você associa esse FormControl ao grupo de botões toggle da seguinte forma:
<mat-button-toggle-group aria-label="Tipo de passagem" formControlName="somenteIda">
<mat-button-toggle [value]="false">IDA E VOLTA</mat-button-toggle>
<mat-button-toggle [value]="true">SOMENTE IDA</mat-button-toggle>
</mat-button-toggle-group>
Por exemplo, se o usuário selecionar "SOMENTE IDA", o valor do FormControl somenteIda será true. Se o usuário selecionar "IDA E VOLTA", o valor do FormControl somenteIda será false.
Essa associação permite que o Angular gerencie o estado do formulário de maneira reativa e automática, facilitando a manipulação e a validação dos dados do formulário.
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!