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)
Uncaught (in promise) TypeError: Failed to construct 'Request': Request cannot be constructed from a URL that includes credentials: https://null:null@personasdesaparecidas.org.mx/assets/data/states.json
at Adapter.newRequest (ngsw-worker.js:22)
(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 https://angular.io/license
*/
/**
* 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);
}
/**
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>{{column.name}}</mat-header-cell>
<mat-cell *matCellDef="let row" [innerHtml] ="row[column.prop]">{{row[column.prop]}}</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="subcategory.content.props()"></mat-header-row>
<mat-row *matRowDef="let row; columns: subcategory.content.props()"></mat-row>
</mat-table>
<button (click)="show(table)">SHOW</button>
<mat-paginator #paginator
[pageSize]="subcategory.content.per_page"
[pageSizeOptions]="[subcategory.content.per_page]">
</mat-paginator>
thank you in advance
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';
@Component({
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(this.data);
//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 };
this.data.push(nouv);
}
}
ajoutText(newtext: String, table:any) {
let nouv: nomchamp = { id: "44", text: newtext };
this.data.push(nouv);
table.renderRows();
}