angular-material

close material dialog from different component angular

I have component A which openes material dialog component A openDialog(): void { const dialogRef = this.dialog.open(**component B**, { width: '1000px', }); then I use to load image in that dialog and with button upload I upload it using component B to the server. Now when I've finished uploading...

Angular 2+, why doesn't material want to show error message?

I want to confirm the passwords, but when I wrote the logic of validator and send it to the mat-error the message haven't shown, but the validator work normally, how fix this moment in reactive forms in my case?? export class SignUpComponent implements OnInit { profileForm: FormGroup; constructor(...

Update form with Validation not working until atleast one value is changed in the form field-Angular- ReactiveForms

When working with put/update method the button is disabled until each and every field is touched and atleast on value in each field is changed. whereas post method is working perfectly fine. Employee.component.html <form fxLayout="column" [formGroup]="editForm" #f="ngForm" (ngSubmit)="onSubmit()" >...

How to put the cards dynamically and fill the empty spaces?

My objective is to do something like this, (the example "Card Action Buttons") https://material.angularjs.org/latest/demo/card but dynamically. <div class="md-padding" layout="row" layout-xs="column" layout-wrap> <div flex-gt-xs="50" flex-sm="100" class="blue" ng-repeat="match in matches.matchesList...

md-card-image with overflow:hidden + max-height kills 100% width

Using Angular 2, I was trying to partly show a cover image by using img[md-card-image] { hidden: overflow; max-heigth: 160px; } However, Angular decides that it boxes the image inside during the overflow. I cannot seem to figure out how to get the image fill the whole top of the card. Edit 1 If I do...