Estou tentando gerar uma página dinâmica com Angular 9, minha ideia é a cada chave do dicionário criar um tag optgoup e a cada valor um option, mas não estou conseguindo acessar os valores do objeto dict.
Código:
<optgroup *ngFor="let categoria in categorias" [label]="categoria">
<option *ngFor="let valor in categorias[categoria]" >{{ valor }}</option>
</optgroup>
Exemplo:
// Dict
var categorias = {
"Pediatra": ["Igor", "Luiz", "Ricardo"],
"Ortopedista ": ["João", "Lucas", "Julia"]
};
Resultado:
<optgroup label="Pediatra">
<option>Igor</option>
<option>Luiz</option>
<option>Ricardo</option>
</optgroup>
<optgroup label="Ortopedista">
<option>João</option>
<option>Lucas</option>
<option>Julia</option>
</optgroup>