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)

and here is when i have saved the data and reset the form using
do i have to loop each controls to mark them pristine?
set as valid
Have the section of setValidators
Himanshu joshi
i want to pass value from a component to it's grandparent component on certain value change in that component when certain event occurs.
i'm using angular 5
i'm try to pass a boolean value to grandparent component on login or signup success in form so that profile button hidden proprty get false and it can use service where after auth value got store.
i guess tyou can pass the function to Child and execute in child
if you pass as two-way binding, from grandparent to the current component, isn't possible?
I do not understand how mat-error is working
here is my field name
              <mat-icon color="primary">business</mat-icon>
              <mat-form-field class="field-with-icon">
                <input matInput [formControl]="name" placeholder="{{'NAME' | translate}}" value="" required>
                <mat-error *ngIf="duplicateError == true">
                  {{'DUPLICATE_CUSTOMER_NAME' |translate}}
when i set this.dupplicateError = true nothing is displayed on the form, no error message, did i forgot something?
Mateus Carniatto
There is any easy way to have a inverted fab button?
invert? explain better pls
Mateus Carniatto
Screen Shot 2018-04-18 at 13.26.04.png
like this
icon with primary and background with white
I was trying to avoid hacking css
get the main color of angular material, check the number of bg and color for change
@stherrienaspnet Add [errorStateMatcher]="matcher" in your <input> tag. And also import errorStateMatcher in your .ts file
Aldo Velasco
guys where can I see what's the latest compatible version for Angular 4.4?
any suggestion if i have more than 10 entries how can i make it fit in one page with side nav??
Marco Licci
Hi, how can I set the selected options of a MatSelect programmatically?
Tim Burnell
@MarcoLicci 2-way bind to the value. and when you programmatically set the value it will set the select box
Daniel Hines
It seems that <mat-error>... only shows up when the field is empty and touched. Is there a way I can take control over when it shows?
Gopal Singh
anybody have idea about rowHeight="fit" ??
have need to expend data on click in at-grid-tile
Akash Juneja
Hi , can anyone tell me that how to make file uploader in angular material?
Laurens Vanpoucke
Is it possible to use several date formats in the entire app when using angular material datepicker?
Martin Koppehel
I'm creating a set of high-level components such as a log-in dialog and want to add support to theme them. How can I do this?
Aldo Velasco
@martin31821 I've seen some people disabling the ViewEncapsulation so you can just work with the styles normally
Martin Koppehel
@aldovelco well that does not seem desirable to me.
Aldo Velasco
Hello, Needed a help. i was using mat-select dropdown with checkboxes. How do I get the status of checkbox checked/unchecked? Or how do I bind the selected status of an object to the option?
Nuwan Chamara
Hi, I want the Angular material tab's mat-ink-bar to take the width of the tab header text's width. Currently it is larger than the tab header text width.
Current look.PNG
Above image shows the current look
Proper width.PNG
Above image shows how I want it to be
Can somebody help me on how to make this happen?
Mateus Carniatto
Hey Guys, I have a recurrent problem with Angular Material. Every time I close a dialog or a sidenav the mat-button-icon is focused under it. Am I doing something wrong or there is a fix for this?
Mateus Carniatto
cdkTrapFocus does not seems to work
how to add mat auto complete not found message when the list is empty in angular 5
If any want to use emojis in angular or ionic: https://github.com/pookdeveloper/emojis-angular-ionic
Russel Porosky
Is it possible to emit values from an open dialog to the calling component without closing the dialog?
Or do I need to pass a Subject as one of the data values?
Fran Denia
good to all, I currently have a component that draws multiple mat-progress-bar and I would like to be able to update the value of only one of the elements of progress. I can not find the way, what I do is the following:
@ViewChildren(MatProgressBar) progress: QueryList<MatProgressBar>; 

  let pr   = this.progress.filter(ins => ins._elementRef.nativeElement.dataset.hash == id)[0];             
  pr.value = 50;

Hi guys, is there someone who can help me with the sorting of column of dataTable ?
there is my issue : I actually retrieve from the server a field of type date with the format TZ (yyyy-MM-dd'T'HH:mm:ss.SSS'Z') and then I format this with momentJS to have a this format DD/MM/YYYY HH:mm
BUT the sorting method of the column considere it like a string
so the sort is f*cked up...
I tried to go this way : I created a new Class

export class DateFinal {
    inputDate?: any;
    outputDate?: string;

    public toString = () : string => {

        return this.outputDate;

in the inputDate I define the the TZ format date and the output the DD/MM/YYYY HH:mm

in the md-cell of the datatble, with the toString() method I dispay the formated date
but I want that the sorting accessor SORT the date column in the inputDate attribut of the object DateFinal
is there an other way ? any solution ?

problem SOLVED.