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 want to validate email using web api in angular 5.... how can I do it pls guide
Octavian Lari
Hi! Is there a material docs website with the material 6 beta?
how do we trigger selection change in mat-select?
@Raza92 use an Async custom validator pls see Todd Motto's Ultimate Angular session #46
Jorge Andrade
Hi guys
I put a service worker into this app
But I get this error form the ngsw-worker.js
Uncaught (in promise) TypeError: Failed to construct 'Request': Request cannot be constructed from a URL that includes credentials:
    at Adapter.newRequest (ngsw-worker.js:22)
That means that this request:
(function () {
'use strict';

 * @license
 * Copyright Google Inc. All Rights Reserved.
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at
 * Adapts the service worker to its runtime environment.
 * Mostly, this is used to mock out identifiers which are otherwise read
 * from the global scope.
class Adapter {
     * Wrapper around the `Request` constructor.
    newRequest(input, init) {
        return new Request(input, init);
Should be authorized?
I want to validate If my API return 9 or 5 in angular 5. How can I do it??
Thomas Grainger
@Raza92 what
question--can I ask angular5/material questions here or is this just the angularjs/material (1.x) chat?
@Jambulad Is your value a string or a Date? It has to be a Date.
Yang Pulse
Hi, I need help with material datatable. I have data retrieved from an external source (HTTP request) that gets populated into an array.
I want to display the array data in a table using material datatable, but I want to verify the array is not empty first
Is there a way to do this?
not familiar with material datatable... maybe you can hide the table when the array’s length is 0. not sure if this is you requirement lol
@Zesix ^
@graingert I make web api which return if api return 5 then I want that user will not allow to submit form
Hi, I am trying to format the number in a matInput with commas? Any ideas, please? Thanks.
Luke Crooks
Is it bad practice to say use bootstrap plus material? I find the material grid system poor compared to say bootstrap
@MattHubbell Thanks, I'm aware of the Pipes but I've not seen any specific examples of using them with a type of input:
<input matInput type="number" [value]="this.someValue" min=0 >
@ImranAhmed <input [ngModel]="value | number" (ngModelChange)="value=$event" name="inputField" type="text" /> will do the job
@crooksey I've mixed bootstrap and material for the exact same reason. The only place I ran into issues was with the bootstrap navbar. I started with bootstrap but moved to material. All was working well until Chrome version 64.x came out. Then my material tab control tabs would disappear. Other than that, I have had little issues with compatibility.
Aldo Velasco
Hi guys,
has anyone of you used LESS for theming? I can only find examples using SASS
Alexandre Lagane
Is it possible to read old documentation version?
Rohit Sodhia
Looking for some help. I've added MatFormFieldModule to my modules, but i still get 'mat-form-field' is not a known element. Any advice?
Is the module importing MatFormFieldModule also importing the component you’re trying to use it in?
Rohit Sodhia
@brookesb91 Yah, it was all correct... ironically ,my problem was I needed to kill ng serve and start it back up... noticing I need to do that a lot these days...
@rohitsodhia feel you there - seems to always get to a point where it refuses to recompile corretly. Glad you’re sorted.
Rohit Sodhia
Thanks for responding :)
Hi guys
anyone able to use matDialog with entryComponent and a lazy loaded module?
never mind I got it working
Ítalo Souza
hello guys, how can i centralize a element with angular material?
Rohit Sodhia

I see the mat-button doc says I can change the bg color by:

Buttons can be colored in terms of the current theme using the color property to set the background color to primary, accent, or warn.

But that doesnt seem to be the css color property nor the html property. Can anyone help me figure out how to affect this?


Hi guys :-) I'm literaly stuck since 2 days on this ... so I want to assign multiple paginator on multiple datatable generated...
For exemple the server send me 4 tables, each one with their pageSize and their pagination...

How can I perform that ?

I can actually generate multiple datatable but not appliying the pagination on each one.

This is how my datatable are generated (mat-paginator is not working):

<mat-table #table [dataSource]="castMatatableDataSource(subcategory.content.rows)">
                        <ng-container *ngFor="let column of subcategory.content.columns" [matColumnDef]="column.prop">
                            <mat-header-cell *matHeaderCellDef>{{}}</mat-header-cell>
                            <mat-cell *matCellDef="let row" [innerHtml] ="row[column.prop]">{{row[column.prop]}}</mat-cell>

                        <mat-header-row *matHeaderRowDef="subcategory.content.props()"></mat-header-row>
                        <mat-row *matRowDef="let row; columns: subcategory.content.props()"></mat-row>
                    <button (click)="show(table)">SHOW</button>
                    <mat-paginator #paginator

thank you in advance

Hadi Mousavi
Hello everybody,
How to create a datepicker similar to the material datepicker?
I want to create a persian datepicker.

I'm using angular material datatable

My datasource is simply an array

My problem is when I add new values to the data array , I don't see it immediately on the datatable

import { Component, OnInit } from '@angular/core';
import { MatTableDataSource } from '@angular/material';
import { AjouttextService } from '../ajouttext.service';
import { DataSource } from "@angular/cdk/collections";
import { Observable } from "rxjs/Observable";
import { nomchamp } from '../model';

  selector: 'app-datatable',
  templateUrl: './datatable.component.html',
  styleUrls: ['./datatable.component.css']
export class DatatableComponent implements OnInit {

  constructor(private dataService: AjouttextService) { }
  data: nomchamp[] = [{ id: "33", text: "HAHA" }, { id: "55", text: "bzlblz" }];

  displayedColumns = ['text'];
  dataSource = new MatTableDataSource(;
  //new UserDataSource(this.dataService);

  applyFilter(filterValue: string) {
    filterValue = filterValue.trim(); // Remove whitespace
    filterValue = filterValue.toLowerCase(); // MatTableDataSource defaults to lowercase matches
  ngOnInit() {
  ajoutText(newtext: String) {
    let nouv: nomchamp = { id: "44", text: newtext };;
@Githamza dans ta fonction, ajoutText rajoute un parametre table: any ou tu donne le #table dans ton .html
ensuite tu appelles la fonction renderRows() dessus
ajoutText(newtext: String, table:any) {
    let nouv: nomchamp = { id: "44", text: newtext };;
@cdskill Merci je testerai ca ce soir
@cdskill I have done what you have asked me to do I got this error ERROR TypeError: table.renderRows is not a function
@Githamza Hmm. I see another option is to deliver the data by subscribing to an observable stream but there is little info on how to implement and a few calls logged on getting better documentation around it: angular/material2#8227
I haven't tried it though but maybe the example in the comments of the issue can help (or possible one of the linked issues).