AngularJS Material: Material Design component library for AngularJS (1.x). Use angular/material2 channel for Angular Material (v2+).
Splaktar on master
fix(toast): apply theming corre… perf(icon): better handling of … fix(list): copy ng-show, ng-hid… and 49 more (compare)
Splaktar on v1.1.0-rc.5
release: version 1.1.0-rc.5 (compare)
Splaktar on master
feat(panel): initial implementa… update(panel): promise logic im… update(panel): add and remove p… and 44 more (compare)
Splaktar on v1.1.0-rc4
release: version 1.1.0-rc4 (compare)
Splaktar on v1.1.0-rc3
release: version 1.1.0-rc3 (compare)
Splaktar on es6-tutorial
Prepare clean start Remove bow… install angular-material And i… working version of starter-app and 19 more (compare)
Splaktar on master
Tutorial Readme updates Updates for Tutorial #2 Update README with tutorial ste… and 56 more (compare)
Splaktar on fixBlurryRightNavIe11
fix(sidenav): rightNav button a… (compare)
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)
Splaktar on fixSideNavDemo
docs(sidenav): leftNav text isn… (compare)
Splaktar on fixSideNavDemo
docs(sidenav): invalid `md-whit… (compare)
Splaktar on master
update(changelog): add missing … fix(toolbar): remove transition… fix(tests): Cleans up the DOM a… and 2 more (compare)
Splaktar on master
update(docs): improve docs for … update(docs): renamed `md-text-… fix(list): clickable list-items… and 71 more (compare)
Splaktar on improveExtendThemeDoc
update(docs): improve docs for … (compare)
Splaktar on improveExtendThemeDocs
update(docs): improve docs for … (compare)
Splaktar on updateThemingDocs
update(docs): renamed `md-text-… (compare)
Splaktar on master
fix(demo, codepen): use secure … fix(build, layout): remove depr… update(build): remove stale bow… and 72 more (compare)
Splaktar on v1.1.0-rc2
release: version 1.1.0-rc2 (compare)
Splaktar on master
fix(checkbox): pointer events d… update(tests): remove disabled/… fix(datepicker): enable scrolli… and 20 more (compare)
Splaktar on v1.0.6
Revert "fix(select): made selec… update(layout): add layout-nowr… fix(whiteframe): update breakpo… and 57 more (compare)
good first issue
a made for new contributors: https://github.com/angular/material/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22.
matSort
headers aren't sorting? Live demo here. Code snippet AskYous/audio-note@75c667f.
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.
<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>
<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
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>
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