Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Jul 11 2016 19:26

    Splaktar on master

    fix(toast): apply theming corre… perf(icon): better handling of … fix(list): copy ng-show, ng-hid… and 49 more (compare)

  • Jun 15 2016 16:14

    Splaktar on v1.1.0-rc.5

    release: version 1.1.0-rc.5 (compare)

  • May 14 2016 05:55

    Splaktar on master

    feat(panel): initial implementa… update(panel): promise logic im… update(panel): add and remove p… and 44 more (compare)

  • May 05 2016 20:47

    Splaktar on v1.1.0-rc4

    release: version 1.1.0-rc4 (compare)

  • May 05 2016 20:47

    Splaktar on v1.1.0-rc3

    release: version 1.1.0-rc3 (compare)

  • May 03 2016 22:28

    Splaktar on es6-tutorial

    Prepare clean start Remove bow… install angular-material And i… working version of starter-app and 19 more (compare)

  • May 03 2016 22:22

    Splaktar on master

    Tutorial Readme updates Updates for Tutorial #2 Update README with tutorial ste… and 56 more (compare)

  • May 01 2016 22:56

    Splaktar on fixBlurryRightNavIe11

    fix(sidenav): rightNav button a… (compare)

  • May 01 2016 22:37

    Splaktar on master

    fix(dialog): don't clobber md-d… update version number in packag… update(changelog): sort so 1.1.… and 1 more (compare)

  • May 01 2016 22:34

    Splaktar on fixSideNavDemo

    docs(sidenav): leftNav text isn… (compare)

  • Apr 27 2016 04:14

    Splaktar on fixSideNavDemo

    docs(sidenav): invalid `md-whit… (compare)

  • Apr 27 2016 03:54

    Splaktar on master

    update(changelog): add missing … fix(toolbar): remove transition… fix(tests): Cleans up the DOM a… and 2 more (compare)

  • Apr 23 2016 01:32

    Splaktar on master

    update(docs): improve docs for … update(docs): renamed `md-text-… fix(list): clickable list-items… and 71 more (compare)

  • Apr 11 2016 03:20

    Splaktar on improveExtendThemeDoc

    update(docs): improve docs for … (compare)

  • Apr 11 2016 03:15

    Splaktar on improveExtendThemeDocs

    update(docs): improve docs for … (compare)

  • Apr 11 2016 02:57

    Splaktar on updateThemingDocs

    update(docs): renamed `md-text-… (compare)

  • Apr 11 2016 02:48

    Splaktar on master

    fix(demo, codepen): use secure … fix(build, layout): remove depr… update(build): remove stale bow… and 72 more (compare)

  • Apr 11 2016 02:48

    Splaktar on v1.1.0-rc2

    release: version 1.1.0-rc2 (compare)

  • Mar 19 2016 03:00

    Splaktar on master

    fix(checkbox): pointer events d… update(tests): remove disabled/… fix(datepicker): enable scrolli… and 20 more (compare)

  • Mar 13 2016 05:41

    Splaktar on v1.0.6

    Revert "fix(select): made selec… update(layout): add layout-nowr… fix(whiteframe): update breakpo… and 57 more (compare)

No dont use @04raghuramvugs
Kunjan Patel
@04raghuramvugs try to use alternative methods insted of jQuery.
Brian Henderson
hey all, anyone know if there is a global config for mat-expansion-panel-header collapsedHeight/expandedHeight ?
Hi people!
Somebody knows if theres a way to load a theme in a lazyloaded module? I can't find anything thanks.
Yousef Shanawany
Can someone tell me why my matSort headers aren't sorting? Live demo here. Code snippet AskYous/audio-note@75c667f.
Michael Prentice
@04raghuramvugs yes, that should be possible. Please note that this channel is for AngularJS Material. The Angular Material channel is
But as mentioned above, you should not need jQuery with Angular, and most consider it an anti-pattern.
@AskYous this channel is for AngularJS Material. The Angular Material channel is
Yousef Shanawany
Thank you @Splaktar
Jonny Nguyen

I cant figure how to set the context of a click event inside a ng-template. I am playing around with ngTemplateOutlet and having issue with getting the ng-template context. I am trying to inject an ng-template into a components using @input params. This work fine but the event that I wired up on parent template is not changing the object that i modified. It hits the function but nothing is happend to the UI. Here is my parent template.

H2 Parent template

<ng-template #contentTemplate>
        <input type="text"/>
<ng-template #contentAction let-close="close">
    <button mat-button (click)="close($event)">Cancel</button>
    <button mat-button (click)="onSubmit($event)">Submit</button>

H2 Child template

<ng-template cdk-portal #dialog="cdkPortal">
    <mat-toolbar color="primary">
      <span>Application Title</span>
      <span style="flex: 1 1 auto;"></span>
      <span>Right Aligned Text</span>
      <mat-icon (click)="preClose($event)">close</mat-icon>
      <ng-template *ngTemplateOutlet="content; context: { close: this.preClose}"></ng-template>
    <div style="text-align: center;">
      <ng-template *ngTemplateOutlet="actions"></ng-template>

I am calling the same function on cancel but as when i click the x button to close the modal. The x button works but the cancel is not doing anything at the moment. I assume it not the right context.

Here is the link to stackblitz stackblitz

Michael Prentice
@Thuthinh this channel is for AngularJS Material. The Angular Material channel is
this is sort of material anyone know why this wont rotate?
its a simple transition but it wont work
Michael Prentice
Looks like it is working now?

guyssss I have been practicing material design flex layout and I am unable to get the div to center vertically using flex... Its centered only horizontally

<div class="bgimage">
<div fxLayout="row" fxLayoutAlign="center center">
<mat-card fxFlex="30%">Simple card</mat-card>

Vikrant Pogula
hi people !
ive been trying to use matTabGroup
but project the tabHeader in another template outlet... any one has any idea how to get the TemplateRef for the header with the tab Labels ?
Vikrant Pogula
oh sorry wrong channel ! material2 question
Michael Prentice
@gvsakhil this channel is for AngularJS Material. The Angular Material channel is The Angular Flex Layout channel is
Nick Hodges
Anyone have any idea why changing my app from bootstrap to Angular Material would cause all my text to become italic?
Michael Prentice
@NickHodges all of your text? That’s very odd. Did you add the Roboto fonts?

I'm doing an --aot build and got a strang error:

ERROR in : Template parse errors:
The pipe 'async' could not be found ("s="breadcrumbDiv col-lg-12">
            <ul class="breadcrumb">
                <li *ngFor="let p[ERROR ->]ath of (trail$ | async)"><a (click)="callTrailPath($event, path)">{{ }}</a></li>
         "): C:/Projects/checkBranch/ShopUsSpa/src/app/core/components/breadcrumb/breadcrumb.component.html@3:33

anyone know where I should look for a problem? trail$ is an observable

Nick Hodges
@Splaktar Yes, my style.css file has: font-family: Roboto, 'Helvetica Neue', sans-serif;
Michael Prentice
Right, but did you load the fonts from Google Fonts in your index.html?
@ilennert see above, this channel is for AngularJS
Sorry, thought I was in a different channel...
Nick Hodges
@Splaktar I have this in my index.html: <link href="" rel="stylesheet">
Michael Prentice

@NickHodges you’ll want to import the Roboto fonts. Details here:

<link rel="stylesheet" href=",400,500,700,400italic”>

Hell all dose any one tried or did to make code from web flow work with angular
Michael Prentice
@AhmedMYousseff I’m not familiar with webflow, but their forums seem to have a good bit of discussion of AngularJS.
David J Ruyle

Hi All...I have been trying for a week now to get mat-select to fire and change correctly. I have the selectionChange that when fired dispatches an ngrx action to change a value in the store which it does successfully but the drop down just hangs, freezes, doesn't change the value and crashed the browser. The intended behavior is for it to reset the value to the one selected which is also the new default value coming from the ngrx store.

            <mat-select placeholder="Themes" (selectionChange)="themeChange($event)" [value]="selectedThemeGroup$| async" name="themeGroup" disableRipple>
              <mat-option>Select a Theme</mat-option>
              <mat-option *ngFor="let themeGroup of layerNav$ | async" [value]="">
                {{ }}

 themeChange({value: themeConfig}) { ClientConfigActions.SetTheme({themeConfig}));

Unfortunately I have not found much on stackoverflow. This is with v6.4 Any insight would be greatly appreciated. Thank you.

Michael Prentice
@djr-taureau this channel is for AngularJS Material. The Angular Material channel is
I use an Angular library, which has a component, which uses CustomEvents to dispatch something, like this:
const domEvent = new CustomEvent('unselect', {
            bubbles: true
How can I listen to this Event in the parent component?
I now it is discouraged and I should normally use Event Emitters. But I have no access to overwrite the child component and there is no Output Event defined. SO this is the only thing I could use
from where must i import matTree from cdk?
Cody Mikol
Check the material2 chat
Hi all, how do you use the autocomplete_height_option ? I need to change the autocomplete results option height but don’t want to handle it with css
Michael Prentice
@mrlukrative are you referring to Please ask in the Angular Material channel: This channel is for AngularJS Material.
Nazrul Islam Nadeem
Michael Prentice
Hello there!
Samarth Saxena
Guy i need one help , while i am going from one route to another then my grids are not loading properly
what can be the problem ???
I define my grids in onInit() function
Michael Prentice
Not enough information to help. If you have a Codepen I could take a look
L Suarez
What's the best way to close a sidenav when a navigation item is selected?
Michael Prentice
@lsuarez5280 from$mdSidenav
// Async close the given sidenav
Muhamed Hassan
Good morning from Egypt