Entendo que faz parte o desafio, mas era uma parte tão importante passar essa parte de controles com alguma explicação, que não tem :'(
por exemplo, eu tentei fazer e nao consegui kkkk e eu nao entendi o q foi passado pro github, fora q meu vscode da um erro q nao entendi tbm porque o código da aula 3 subiu daquela forma
la no html do dropdown temos:
<mat-autocomplete autoActiveFirstOption #auto="matAutocomplete">
<mat-option *ngFor="let option of filteredOptions$ | async" [value]="estado.nome">
{{ estado.nome }}
</mat-option>
</mat-autocomplete>
bem, ele me da erro em estado.nome porque ele fala q estado nao existe no component ts, e realmente não existe. No component ts foi adicionado
filtrarUfs(value: string): IEstados[] {
const valorFiltrado = value?.toLowerCase();
const result = this.unidadesFederativas.filter(
estado => estado.nome.toLowerCase().includes(valorFiltrado)
)
return result
}
e dentro do ngOnInit
this.filteredOptions$ = this.control.valueChanges.pipe(
startWith(''),
map((value) => this.filtrarUfs(value))
);
@Input() label: string = '';
@Input() matPrefix: string = '';
@Input() control!: FormControl;
unidadesFederativas: IEstados[] = [];
filteredOptions$?: Observable<IEstados[]>
constructor(private unidadeFederativaService: UnidadeFederativaService) {}
o estado realmente nao está presente no component ts...
então, seguindo o resultado no github, acabou que não funcionou
tem também a parte q esse desafio não está nas nossas aulas do módulo, entrou um desafio dos comentários que nãop foi pedido...
Alguem pode me dar uma luz? Olhando no github do projeto, até nas aulas mais a frente, o código do instrutor segue dessa forma e o meu visual segue apontando esse erro
