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)

This is the class :
export class DateFinal {
    inputDate?: any;
    outputDate?: string;

    public toString = () : string => {

        return this.outputDate;
this the formatter :
value is the timestamp from the back-end and this.options.format is the DD/MM/YYYY for example
let tmpValue = new DateFinal();
        tmpValue.inputDate = new Date(value);
        tmpValue.outputDate = moment(value).format(this.options.format);
        return tmpValue;
there is the custom sorting :
  ngOnInit() {
    this.dataSource = new MatTableDataSource < any > (this.data.rows);

    this.dataSource.sortingDataAccessor = (item, property) => {

      if(item[property] instanceof DateFinal) {
        return item[property].inputDate;
      } else {
        return item[property];


  ngAfterViewInit() {
    this.dataSource.paginator = this.paginator;
    this.dataSource.sort = this.sort;
Fernando L. Estuesta
hey guys. is it fine to jump to angular material from bootstrap?
Lisa Copeland
@champolot I think there is no problem using angular material with bootstrap
Daniel Netzer
evening/morning all, what's the best way to make an app with material stretch to 100% height and width of the window?
Daniel Netzer
another thing is, when I use the new schematics and generate a sidenav template as an app component
i get the following error
Error: The selector "app" did not match any elements
Daniel Netzer
nvm solved all issues
last problem which is weird, why does the mat-grid-list have this crazy padding on the bottom?
where in the repo does the .io website lives ? https://github.com/angular/material2
Fernando L. Estuesta
any one here uses angular + firebase?
Daniel Netzer
depends who asking
Fernando L. Estuesta
is angular + firebase is only for seniors?
Daniel Netzer
what is a senior? someone who tried and failed many times and learnt a great deal byb doing that... try it out, angular + firebase is very strong. there's plenty of good tutorials out there.
Anthony Nahas
🖒 Angular 💙 Firebase
Fernando L. Estuesta
what i mean is. Angular + firebase are only offered for the senior programmers.
Nico Kokonas
Speaking of firebase & angular I'm banging my head against the wall trying to do something pretty simple in firestore, https://github.com/codediodeio/angular-firestarter using this as a base. I have a /users collection and each doc has a balance attribute. When a new item is added/button pressed I want the balance to decrease by one. Im new to angular though and I've managed to confuse myself, where exactly do I want to put my updateBalance method?
https://gyazo.com/092c1fd726afecbea6d12eb2435d3251 Here's what my firestore structure looks like, really simple stuff..

@nicoandmee You are going to want to update the field on the appropriate document. Something like:

userRef.update({balance: currentBalance - 1});

You will need to instantiate currentBalance, but that's the basic concept. The button handler function will need to be in your component class, but the component could, in turn, call a service that is injected into the component. See: Documents in AngularFirestore

Daniel Netzer
hello all, is there anyway to add global validators to all inputs of certain type?
Alain Kaiser
hi all :)
Daniel Netzer
hello all
what's the best place to learn theming for material?
Why is mat-tab is breaking 3rd party component libraries when placed inside its content??
Russel Porosky
@badcoder28 Like which ones have you noticed?
@metaloha like rich text editors quilljs and tinymce and fortunately i was able to solve it by lazy loading the tab and it force me to upgrade to angularv6 though
Russel Porosky
Some of those libs require a visible element in order to work (usually to get size information), and if the tab is hidden, the context won't be valid (Google Maps is the same way). Once the tab content area is made visible, you can initialize the 3rd-party lib and it will use the element properly. Or lazy-load the content :) Same effect
@metaloha oh yes, and that's a very clear detail and i did not figure it out early, i could do better without upgrading then . lot of thanks
Daniel Dorantes
Anyone run across issue with angular forms validation when you tab off a control it is marked invalid and get the red border but no messages because statusChanges observable or valueChanges do not fire for touched and I dont see registerOnTouch as an option as i've seen in some google results
Daniel Netzer
evening all
is there anyway to create an HTMLElement and createa a tooltip for him?
I want to only use expansion panel component for my project. do I need to download the whole material library
or is there a standalone available
Daniel Netzer
Anyone have any idea how I can attach a MatTooltip to an HTMLElement programatically?
Hadi Dbouk

Hello Guys,

I have some code written in AngularJS and i am trying to use it in my Angular App,
I have made a module declarationx.module.d.ts,
But when i enable the Angular AOT i receive this error message
Please add a @NgModule annotation.

How can i fix this error ? it work fine when i disable the AOT

@DanielNetzer you can use [matTooltip]="valTooltipLit" in html, then set the value of valToolTipLit in your component.
hemanth poluru
Can anyone direct me in a right way on how to develop an facebook style notification button in angular and ng-boostrap
Cody Seibert
I'm trying to make change to the material2 project, and I want to reflect those changes in my UI which is using material2. Does anyone have link to docs about how to use "npm link" between my material2 fork and my UI so I can develop and look at my changes live?
oh wait, this is the angularjs material gitter
^ disregard
Can someone points me to a good resource for creating Angular CDK and Dynamic Components?
Daniel Netzer
thanks @MattHubbell but the entire HTMLElement is created dynamically and I've tried adding the tooltip using rendere2.setAttrib
just doesnt play nice
@DanielNetzer can you build the HTMLElement as a custom form field?
Daniel Netzer
@MattHubbell nope, its a <mark> element
Daniel Netzer
how do you use MAT_PLACEHOLDER_GLOBAL_OPTIONS on material 6.0.2?
Luke Crooks
Anyone else come across:
WARNING in ./node_modules/@angular/material/esm5/material.es5.js
40:0-371 "export 'ɵa24' was not found in '@angular/material/tabs'

WARNING in ./node_modules/@angular/material/esm5/material.es5.js
40:0-371 "export 'ɵb24' was not found in '@angular/material/tabs'