AngularJS Material: Material Design component library for AngularJS (1.x). Use angular/material2 channel for Angular Material (v2+).
I want to create N matMenu programmatically. Both N and the content of the menus is dynamic.
<mat-menu #menu1="matMenu" yPosition="above">
<button mat-menu-item *ngFor="...">...</button>
</mat-menu>
<mat-menu #menu2="matMenu" yPosition="above">
<button mat-menu-item *ngFor="...">...</button>
</mat-menu>
...
The issue with the following code is that #menu{{i}}
doesn't seem to work.
<mat-menu *ngFor="let item of items; let i = index" #menu{{i}}="matMenu">
<button mat-menu-item *ngFor="...">...</button>
</mat-menu>
Thanks!
AngularJS Material includes a layout system based on Flexbox CSS. That’s one of the topics of this channel.
Angular Material does not include layouts but instead has a separate layout library that doesn’t require the use of Material Design: https://github.com/angular/flex-layout. For Angular Material, the Gitter room is https://gitter.im/angular/material2.