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)

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
refreshed the page and it worked again
Mi Guoliang
but it not work for me, the main.xxx.js is 404
hope it works asap, it's really a good website to study materials
it works
How can I set the background color of mat-card-header to primary?
color="primary" doesn't work
Yerrapotu Manojkiran
any ref.for angular material's sidenav . cant swipe it left or right
through research found hammerjs would be helpfull and used swipeleft and it worked but unfortunately not able to use swiperight
@Dirt-Nasty broh its working for me when you select it directly or under parent
nah i used external scss to get it right
let me try attr way
nah its not working attr way, can do it only with custom css
Yerrapotu Manojkiran
if you want you mat-card-header 's background color to be same through out ur website then keep the same css styles globally.
or if you want only few mat-card-header's then give it a unique class and give that class the background and place it in global css file
hi guys,
I am starting with Angular in IntelliJ , when i created the project and did ng build I get the error as
TS1005: ‘;’ expected in component.ts
I have enabled typescript in setting still the error persists any solution to use IntelliJ
Craig Freeman
Is this a limiting error or a proper runtime error?
Rodrigo Espinel
Help! How can I disable the border bottom of mat-select ? I can'f found the css class, thanks
Hi guys, I've created a directive for mat menu as a tooltip. I'm opening the tooltip based on mouse/keyboard events, for instance focus which displays the tooltip and blur which hides the tooltip. However, when using blur I'm having some weird issues, such as unable to close the mat menu. Any ideas?
anyone knows how to properly add a button inside a mat-nav-list? Whenever i click the button in the list, it navigates away.
@badcoder28 @Lydon a plunker demo will help understand the issue better..
@ankit1329 had my SO question here it has a demo on stackblitz https://stackoverflow.com/q/50691525/6143656 lot of thanks