I have a common component as below, where I am using mat-error @Component({ selector: 'falcon-validation-error', standalone: true, imports: [CommonModule, MatInputModule, ], template: ` &...

Trying to get the closed event of mat autocomplete but getting undefined. I do not know why i am getting undefined. If anyone knows please help to find the solution. app.component.html: <mat-...

Trying to check the mat checkbox by passing the values, But it is not working. If i click the button checkbox should be checked by passing the values. So, How to do it? If anyone knows please help to ...

Using the mat-select inside the form-group <mat-form-field appearance="outline"> <mat-select formControlName="formula" id="formula"> <mat-option [...

I am building a new component and would like to use Angular Material themes. I imported the themes from Angular Material repository but the mixins are not getting applies to the control. If I add any ...

I use angular materials for ionic angular app . Does anybody know what this error is ? I need date range picker to have in app and prefer to be style customizable . Is there any other alternatives to ...

I am using mat-form-field for telephone number input. Here is my base code for that. <mat-form-field class="full-width"> <input matInput type="number" placeholder="...

I'm trying to implement the [hasBackdrop]=true on my mat-drawer-container with multiple mat-drawers. My html structure is something like this: <mat-drawer-container [hasBackdrop]="true"&...

Im using angular materials. I do not know how to change the size of the border when focusing. I do not want the thickness to be seen. <form class="example-form"> <mat-form-...

I have an array of objects that are within my <mat-table> the sync property is a <mat-checkbox>. I am trying to make it so that when a box is checked and then I press the "sync" ...

I'm on Angular 6 and am using mat-sidenav <mat-sidenav #drawer position="end" fixedInViewport="true" [mode]="push" [opened]="false"> However, when I run ...

I have a problem with angular icons, all my browsers are not able to show icons, I tried to reinstall my Chrome, but it was no result, neither my project's icons nor icons of material.angular.io are ...

As a fresher in Angular.I have a doubt.In Angular 4, we have an md-icon tag from MdIconModule which was after changed to MatIconModule in later angular version. consider a code in Angular 4 app....

I have mat-grid-list where I am listing items in the view. issue 1: Each item has a mat-grid-tile-footer section where I display a angular material button. The button is currently aligned left side ...

I am opening one dialog from my component. const dialogRef = this.dialog.open(DialogOverviewExampleDialog, { width: '500px', data: DialogData }); dialogRef....