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)

Hi all
that’s from the original sidenav component that I tweeked a little bit
if we uncomment line 114, i get an infinite loop and chrome crashes
can someone explain me why ?
hi my angular app became very slow because of ngFor ...any suggessions to make it faster? Im using infinite scrolling and appending new data to a variable used in ngFor.
becoming more slow when scolling down more, violation 'mousedown' handler took 4567ms
Kay van Bree
@naveen21f I read somewhere that you can make events passive so it won't block scrolling. There is something about it here: https://developers.google.com/web/updates/2016/06/passive-event-listeners
I don't know if that's actually your problem though. It just sounds alike
@kayvanbree thanx i'll go thru
Kay van Bree
Good luck
Hey. I'm pretty new to angular and been taking classes and they are mostly built around bootstrap. I wanted to use MD but I'm having some trouble.
With bootstrap I npm install and just add it to the angular.cli.json and call it a day. It looks like theres more to MD?
I have it working in my app-component.html but its not working in my other component html.
do I have do any importing on those components?
Lisa Copeland
@Dirt-Nasty Read the getting started section of the Angular Material Guide - it is really straightforward
Did you add the imports to app.module?
its working inside my app.component.html
but not in any other component I've created
Lisa Copeland
What kind of error are you getting?
this might be more of me just having a better understanding of angular.
No error, the themeing isn't being applyed in my other components
Lisa Copeland
is this an angular cli project?
wait I think I got it..
I was expecting it to style ul and li
Lisa Copeland
do you have the theme import in styles.css?
oh ok
I guess it doesnt work that way, I have to import the module for lists and then use the <mat-list> etc. right?
Lisa Copeland
yeah - <mat-list><mat-list-item></mat-list-item></mat-list>
import each module you want to use in the app.module and then you can use it in each component
thank you!
Lisa Copeland
@Dirt-Nasty NP
Hey so I want to setup a separate module that holds all the material modules and just import that module into my components instead of importing each mat-module but I cant seem to get it working with Paginator
Will it work the way I am describing?
Kay van Bree
I did that a couple of times
don't know about the paginator but:
import {NgModule} from '@angular/core';
import {MatCardModule} from '@angular/material/card';
import {MatDialogModule, MatProgressSpinnerModule, MatSidenav, MatFormFieldModule} from '@angular/material';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {MatButtonModule} from '@angular/material/button';
import {MatIconModule} from '@angular/material/icon';
import {MatToolbarModule} from '@angular/material/toolbar';
import {MatListModule} from '@angular/material/list';
import {MatDatepickerModule} from '@angular/material/datepicker';
import {MatTooltipModule} from '@angular/material/tooltip';
import {MatSidenavModule} from '@angular/material/sidenav';
import {MatChipsModule} from '@angular/material/chips';
import {MatInputModule} from '@angular/material/input';
import {MatNativeDateModule} from '@angular/material';


    imports: MATERIAL_MODULES,
    exports: MATERIAL_MODULES,
    declarations: []
export class Material {
This worked for me, just import it in your app.module.ts
Raj Bisht

Hey does anyone have idea what i am doing wrong here? I need to set initial state of input box to focus. But i am getting error : this.searchBox.focus is not a function

html ->

<input matInput #searchbox>

ts ->
import { ViewChild } from '@angular/core';
import { MatInput } from '@angular/material';

@ViewChild('searchBox') searchBox: MatInput;

ngAfterViewInit() {

@Whhymee try using <input matInput #searchbox autofocus> and not use @ViewChild ?
mine is very similiar @kayvanbree but like I said if I import that module into another component it complains about the matpaginator not being found
How can I get cards to wrap in a row?
Kay van Bree
Anybody got experience setting up the angular/material package?
Wait. Just noticed I'm running the wrong script for the demo app
Kay van Bree
Does it always take about 2 minutes for a change to be built in the demo app?
it feels like forever
Mi Guoliang
there's something wrong with the material.angular.io
Kay van Bree
I had that today
or something like that
blank page