Top "Angular-material" questions

Angular Material is an implementation of Material Design in Angular.

Template parse errors: 'md-form-field' is not a known element

I am using Angular 4 and Angular Material 2. For the following code : <form> <md-form-field> <input mdInput […

angular angular-material angular-material2
Angular change MatInput Size

I am new to Angular 4 and started working with the material components, I copied a couple of example from the …

javascript angular typescript angular-material angular-material2
Template parse errors: 'mat-icon' is not a known element

I'm working with Angular CLI and angular material v.5.2.5 and trying to use mat-icon-button but such an error produced by …

angular angular-material
Angular 5 Mat-grid list responsive

i created grid list with column 6 and i want to be grid title take 100% width on small screen devices. Now …

angular angular-material angular5
Get checked status on click event in angular Material

I have a angular element <mat-checkbox class="btn-block" labelPosition="before" (change)="showOptions($event)" (click)="makeJSON($event.checked,i,j,…

angular angular-material
How to align button right inside Dialog angular material?

I want align button right corner of the dialog below is my html <div mat-dialog-content> <p>…

angular angular-material angular-material2
Angular MatPaginator not working

I have 2 components. Both have mat-table and paginators and pagination is working for one component and not working for the …

angular pagination angular-material
'mat-label' is not a known element Error in latest Angular Material

I got an error in my Angular Material: compiler.js:466 Uncaught Error: Template parse errors: 'mat-label' is not a known …

angular angular-material
angular material 2 table header center alignment

If md-sort-header is added into md-header-cell in md-table, it is always left-alignment. How to center-align header cells, such "name"? <…

css angular angular-material angular-material2
How to overwrite angular 2 material styles?

I have this select in angular material: Its code : <md-select placeholder="Descuentos y convenios" [(ngModel)]="passenger.discount"> <…

css angular angular-material