Eu não entendi como os valores dos mat-button-toggle no html do FormBuscaComponent ficaram associados ao FormControl do FormBuscaService.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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!