How to create 3 level drop down options in angular. We can make use of
angular-material?
[image: dropdown.PNG]
<h4>mat-select</h4>
<mat-form-field>
<mat-label>Pokemon</mat-label>
<mat-select [formControl]="pokemonControl">
<mat-option>-- None --</mat-option>
<mat-optgroup *ngFor="let group of pokemonGroups" [label]="group.name"
[disabled]="group.disabled">
<mat-option *ngFor="let pokemon of group.pokemon" [value]="pokemon.value">
{{pokemon.viewValue}}
</mat-option>
</mat-optgroup>
</mat-select>
</mat-form-field>
The above code has two level. But how can we make it to the 3 level.
Something like,
Label1 -> Option1 -> option1.1 and option1.2
Label1 -> Option2 -> option1.1 and option1.2
Label2 -> Option2 -> option1.1 and option1.2
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
To view this discussion on the web visit
https://groups.google.com/d/msgid/angular/128e06bc-b459-4e49-9438-58ef5cc7f5d1%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
