These are chat archives for angular/material

4th
Jan 2018
Tarun Nagpal
@tarunnagpal78_twitter
Jan 04 2018 01:38
May be a silly question - By updating the angular-cli, we are able to update the version of our product as well ?
Thomas Schaffter
@tschaffter
Jan 04 2018 04:46

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!

Jason Ish
@jasonish
Jan 04 2018 05:10
I'm playing with @angular/material to see about replacing my use of bootstrap... Does it include an alternative for the grid system in bootstrap?
Abu Zakaria
@abuzakaria
Jan 04 2018 11:18
Toni
@SpeedoPasanen
Jan 04 2018 15:07
@jasonish just my personal opinion: if you've used bootstrap a long time no reason to replace it. for flex, BS 4 provides classes. replacing it just to replace it is no win just extra work, as it is easily extended too
Jason Ish
@jasonish
Jan 04 2018 15:08
Do you mean keep bootstrap for the grid, even if using angular/material components? Or to not really bother with material at all?
Toni
@SpeedoPasanen
Jan 04 2018 15:17
keep bootstrap for the grid imo. Keep material for components :)
Jason Ish
@jasonish
Jan 04 2018 15:17
ah, got it. Now that you've said that I'm pretty sure I've heard it before!
Toni
@SpeedoPasanen
Jan 04 2018 15:17
:+1:
and then if you don't already depend on bs js, you an forget that and just use the css
Michael Prentice
@Splaktar
Jan 04 2018 20:12

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.

Jason Ish
@jasonish
Jan 04 2018 20:14
Ah, ok.. So this is for AngularJS Material. Not @angular/material?