Category "angular-material"

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

Angular 2 change sidenav content depending on the current router state

I am developing single page application in Angular 2. I am using angular material mat-sidenav and mat-toolbar. Toolbar has sidenav toggle button, buttons to ope

How to use picture element in angular Material cards

How can I combine the picture element with the Angular Material card? In Angular Material cards https://material.angular.io/components/card/examples you can us

Angular: cdkVirtualFor not rendering new items

I'm building a vertically scrolling calendar. I'm getting the initial days to load, but when new days are added to the list, they aren't being rendered. <c

Angular Material card shadow colour

Is there any way to change the colour of the shadow which is dark under the card? If any solution please let me know or any other workaround is appreciated!