Category "angular-material"

How to make two responsive columns inside the mat-card-content using fxLayout?

Here is my HTML code snippet: <mat-card-content> <div fxLayout="row" fxFlex="1 0 0"> <div fxLayout="column">First</div>

Get value from radio button Angular Material Dialog

I have Angular Material dialog , where I updating table clicking change status. I need to get value from radio button in my dialog Here is full working exampl

How to handle form error validations in Angular

I am new to Angular and in my form I have three fields Name, email and radio section. My requirement is: when I select name radio button Name input field is req

Cannot read property 'setProperty' of undefined fxFlex issue with ng-container Angular 9 Flex Layout

<div [fxLayout]="fields.layoutConfig.layoutDirection + ' wrap'" fxLayout.xs="column" [fxLayoutGap]="fields.layoutConfig.fxLayoutGap"> <ng-cont

how delete focus border on click date

I need to put a date in my apllication so I do this: <!--data --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 f

Bootstrap modal opens on background (Angular)

I have modal that I open from the table, that in the material tab Here is Modal HTML <div bsModal #createOrEditModal="bs-modal" class="moda

Error when trying to use @angular/material in Stackblitz

On stackblitz, when trying to add import to Angular Material , like this: import { MatCheckboxModule } from '@angular/material'; This is the error: File '/turbo

Where is my angular project picking up the A favicon.ico from? It's not in my project

Just recently, code that has worked correctly since 2018 has started falsely showing the old default "A" favicon.ico from Angular. I have combed my code and can

How to select only year on mat-datepicker

I'm developing an application with angular 8 in which I have an input that contains only year number. I have used mat-datepicker and want only to choose year. &

How to add pagination in angular material table that bind to API response

I'm new to angular. In my project shown list of products and its work correctly. My HTML code is below : <table mat-table [dataSource]="list_product" style="

Angular Material: How close overlay's backdrop also on right click?

How close the overlay's backdrop (opened by MatMenu or MatDialog) also on right click globally (without matMenu/matDialog reference)?

Angular drag and drop: Items should not remove from container after drag and dropped

I am using Angular drag and drop CDK: I am able to drag and drop items from one container to another and vice versa. Now, I am trying to not to remove a droppe

Error: Cannot resolve type entity i10.BidiModule to symbol while building angular Lib project Angular 13

I am facing Error: Cannot resolve type entity i10.BidiModule to symbol while building angular Lib project. There are 2 other lib projects which are building fin

Angular material table sticky headers not working as expected

I forked the example on angular material table with sticky header and I added more data. I see that the headers are not sticky. Stackblitz here Anyone knows ho

Angular MatPaginator doesn`t get initialized

I have 2 components. Both have mat-table and paginators and pagination is working for one component and not working for the other component though the code is s

MediaObserver vs BreakpointObserver - what are the differences?

After doing some searching, I came to realize that I'm supposed to use the Flex-Layout library to make Material-themed UI responsive (as answered here). And acc

RangeError: locale must contain localize property when using Angular material date picker with date fns

I have the following configuration on the app-module.ts import { ReactiveFormsModule } from '@angular/forms'; import { DateFnsAdapter, MatDateFnsModule } from '

Angular Material datepicker does not return value when action button is in use

The problem is that when clicking today-button, it is working, but when changing the date in datepicker, nothing happens and this seems to be because action but

Get the value from the mat-input in angular material

As im new to the angular. I just want to get the value from the mat-input I need to get the value from the angular mat-input. Can someone help me to do this. Th

I am new to angular. I just installed angular material and angular animations in my small project and got some of the errors

I just ran the code npm install --save @angular/material @angular/animations. Its my package.json { "name": "cerpnew", "version": "0.0.0", "license": "M