Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 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)

Ghost
@ghost~5b1f6e43d73408ce4f9d0470
No dont use @04raghuramvugs
Kunjan Patel
@kunjan343
@04raghuramvugs try to use alternative methods insted of jQuery.
Brian Henderson
@bhenderson
hey all, anyone know if there is a global config for mat-expansion-panel-header collapsedHeight/expandedHeight ?
Antonio
@tzamora
Hi people!
Somebody knows if theres a way to load a theme in a lazyloaded module? I can't find anything thanks.
Yousef Shanawany
@AskYous
Can someone tell me why my matSort headers aren't sorting? Live demo here. Code snippet AskYous/audio-note@75c667f.
Michael Prentice
@Splaktar
@04raghuramvugs yes, that should be possible. Please note that this channel is for AngularJS Material. The Angular Material channel is https://gitter.im/angular/material2.
But as mentioned above, you should not need jQuery with Angular, and most consider it an anti-pattern.
@AskYous this channel is for AngularJS Material. The Angular Material channel is https://gitter.im/angular/material2.
Yousef Shanawany
@AskYous
Thank you @Splaktar
Jonny Nguyen
@Thuthinh

I cant figure how to set the context of a click event inside a ng-template. I am playing around with ngTemplateOutlet and having issue with getting the ng-template context. I am trying to inject an ng-template into a components using @input params. This work fine but the event that I wired up on parent template is not changing the object that i modified. It hits the function but nothing is happend to the UI. Here is my parent template.

H2 Parent template

<ng-template #contentTemplate>
    <form>
        <label>FirstName:</label>
        <input type="text"/>
        <mat-icon>cancel</mat-icon>
      </form>
</ng-template>
<ng-template #contentAction let-close="close">
    <button mat-button (click)="close($event)">Cancel</button>
    <button mat-button (click)="onSubmit($event)">Submit</button>
</ng-template>

H2 Child template

<ng-template cdk-portal #dialog="cdkPortal">
  <div>
    <mat-toolbar color="primary">
      <span>Application Title</span>
      <span style="flex: 1 1 auto;"></span>
      <span>Right Aligned Text</span>
      <mat-icon (click)="preClose($event)">close</mat-icon>
    </mat-toolbar>
    <div>
      <ng-template *ngTemplateOutlet="content; context: { close: this.preClose}"></ng-template>
    </div>
    <div style="text-align: center;">
      <ng-template *ngTemplateOutlet="actions"></ng-template>
    </div>
  </div>
</ng-template>

I am calling the same function on cancel but as when i click the x button to close the modal. The x button works but the cancel is not doing anything at the moment. I assume it not the right context.

Here is the link to stackblitz stackblitz

Michael Prentice
@Splaktar
@Thuthinh this channel is for AngularJS Material. The Angular Material channel is https://gitter.im/angular/material2.
wdunn
@wdunn001
this is sort of material anyone know why this wont rotate? https://stackblitz.com/edit/indicator-arrow
its a simple transition but it wont work
Michael Prentice
@Splaktar
Looks like it is working now?
Ghost
@ghost~5bdfcde9d73408ce4fadda73

guyssss I have been practicing material design flex layout and I am unable to get the div to center vertically using flex... Its centered only horizontally

<div class="bgimage">
<div fxLayout="row" fxLayoutAlign="center center">
<mat-card fxFlex="30%">Simple card</mat-card>
</div>
</div>

Vikrant Pogula
@vikrantpogula
hi people !
ive been trying to use matTabGroup
but project the tabHeader in another template outlet... any one has any idea how to get the TemplateRef for the header with the tab Labels ?
Vikrant Pogula
@vikrantpogula
oh sorry wrong channel ! material2 question
Michael Prentice
@Splaktar
@gvsakhil this channel is for AngularJS Material. The Angular Material channel is https://gitter.im/angular/material2. The Angular Flex Layout channel is https://gitter.im/angular/flex-layout.
Ghost
@ghost~5bdfcde9d73408ce4fadda73
Okkk
@Splaktar
Nick Hodges
@NickHodges
Anyone have any idea why changing my app from bootstrap to Angular Material would cause all my text to become italic?
Michael Prentice
@Splaktar
@NickHodges all of your text? That’s very odd. Did you add the Roboto fonts?
Irv
@ilennert

I'm doing an --aot build and got a strang error:

ERROR in : Template parse errors:
The pipe 'async' could not be found ("s="breadcrumbDiv col-lg-12">
            <ul class="breadcrumb">
                <li *ngFor="let p[ERROR ->]ath of (trail$ | async)"><a (click)="callTrailPath($event, path)">{{ path.name }}</a></li>
         "): C:/Projects/checkBranch/ShopUsSpa/src/app/core/components/breadcrumb/breadcrumb.component.html@3:33

anyone know where I should look for a problem? trail$ is an observable

Nick Hodges
@NickHodges
@Splaktar Yes, my style.css file has: font-family: Roboto, 'Helvetica Neue', sans-serif;
Michael Prentice
@Splaktar
Right, but did you load the fonts from Google Fonts in your index.html?
@ilennert see above, this channel is for AngularJS
Irv
@ilennert
Sorry, thought I was in a different channel...
Nick Hodges
@NickHodges
@Splaktar I have this in my index.html: <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Michael Prentice
@Splaktar

@NickHodges you’ll want to import the Roboto fonts. Details here: https://material.angularjs.org/latest/CSS/typography.

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic”>

AhmedMYousseff
@AhmedMYousseff
Hell all dose any one tried or did to make code from web flow work with angular
Michael Prentice
@Splaktar
@AhmedMYousseff I’m not familiar with webflow, but their forums seem to have a good bit of discussion of AngularJS.
David J Ruyle
@djr-taureau

Hi All...I have been trying for a week now to get mat-select to fire and change correctly. I have the selectionChange that when fired dispatches an ngrx action to change a value in the store which it does successfully but the drop down just hangs, freezes, doesn't change the value and crashed the browser. The intended behavior is for it to reset the value to the one selected which is also the new default value coming from the ngrx store.

    <span>
        <mat-form-field>
            <mat-select placeholder="Themes" (selectionChange)="themeChange($event)" [value]="selectedThemeGroup$| async" name="themeGroup" disableRipple>
              <mat-option>Select a Theme</mat-option>
              <mat-option *ngFor="let themeGroup of layerNav$ | async" [value]="themeGroup.name">
                {{ themeGroup.name }}
              </mat-option>
            </mat-select>
        </mat-form-field>
    </span>


 themeChange({value: themeConfig}) {
    this.store.dispatch(new ClientConfigActions.SetTheme({themeConfig}));
  }

Unfortunately I have not found much on stackoverflow. This is with v6.4 Any insight would be greatly appreciated. Thank you.

Michael Prentice
@Splaktar
@djr-taureau this channel is for AngularJS Material. The Angular Material channel is https://gitter.im/angular/material2.
DerrickRose1992
@DerrickRose1992
I use an Angular library, which has a component, which uses CustomEvents to dispatch something, like this:
const domEvent = new CustomEvent('unselect', {
            bubbles: true
        });
        this.elementRef.nativeElement.dispatchEvent(domEvent);
How can I listen to this Event in the parent component?
I now it is discouraged and I should normally use Event Emitters. But I have no access to overwrite the child component and there is no Output Event defined. SO this is the only thing I could use
aditya
@adibro500
from where must i import matTree from cdk?
codymikol
@codymikol
Check the material2 chat
Dre
@mrlukrative
Hi all, how do you use the autocomplete_height_option ? I need to change the autocomplete results option height but don’t want to handle it with css
Michael Prentice
@Splaktar
@mrlukrative are you referring to https://material.angular.io/components/autocomplete/api#AUTOCOMPLETE_OPTION_HEIGHT? Please ask in the Angular Material channel: https://gitter.im/angular/material2. This channel is for AngularJS Material.
Nazrul Islam Nadeem
@nzl_nadeem_twitter
hi
Michael Prentice
@Splaktar
Hello there!
Samarth Saxena
@ItsSamarth
Guy i need one help , while i am going from one route to another then my grids are not loading properly
what can be the problem ???
I define my grids in onInit() function
Michael Prentice
@Splaktar
Not enough information to help. If you have a Codepen I could take a look
L Suarez
@lsuarez5280
What's the best way to close a sidenav when a navigation item is selected?
Michael Prentice
@Splaktar
@lsuarez5280 from https://material.angularjs.org/HEAD/api/service/$mdSidenav
// Async close the given sidenav
$mdSidenav(componentId)
   .close()
   .then(function(){
     $log.debug('closed');
   });
Muhamed Hassan
@muhamedhsn92
Good morning from Egypt