angular-material Questions

Javascript – how take father from button click

July 14, 2023
Doppu
2 Answers

I need to get father after a click: i have this code html: <button mat-icon-button (click)="download($event)"> the code html generate is this: <button _ngcontent-wsc-c153="" mat-icon-button="" class="" aria-label=""> <mat-icon _ngcontent-wsc-c153="" role="img" alt="download" class="" aria-hidden="true" data-mat-icon-type="font" aria-describedby="cdk-describedby-message-2" cdk-describedby-host="0">download_for_offline</mat-icon> </button> in my ts…

VIEW QUESTION

Html – Angular material form field is not updating when changing values in the component

July 1, 2023
Juan Marino
2 Answers

Im running into a problem when updating the bound value of an angular material drop down in ng on init. The weird part is that ALL other dropdowns update correctly, but the the "selectedCategory" doesn't. Something I tried is updating…

VIEW QUESTION

Html – In Angular, mat-sort-header is having a property of text-align: center. I want to override it and text-align:right. But it is not working

June 19, 2023
Suvojit Mullick
2 Answers

I am not able to override text-align: center in mat-sort-header I have created a new class and added text-align: right in that class but it is not working. It is taking the text-align: center from mat-sort-header and not allowing to…

VIEW QUESTION

Javascript – Sending multiple queryParams in Angular search

June 13, 2023
weinde
2 Answers

I am having trouble with creating a search for the data I get from an API... the data is displayed in an Angular Material table. I have 8 inputs that can be used as a filter. How could I append…

VIEW QUESTION

Css – Angular Material 16: Chip text with overflow

May 29, 2023
Leo
2 Answers

I have in some texts of a Chip some very long texts. I have as well a button on the end of the chip to remove the chip. I thought I can apply text-overflow: ellipsis for the text but somehow…

VIEW QUESTION

Why does my textarea shrink & go back to normal when I refresh the page?

May 20, 2023
KingCk
2 Answers

Why is my textarea shrinking automatically when i open the page. And when i refresh the page it goes to normal again. What may be the issue And this is my html code <div class="col-md-12 input-group pab pcomment"> <div class="input-group-prepend">…

VIEW QUESTION

How can I style an Angular Material Autocomplete with multiple checkboxes?

May 9, 2023
tedcoder
2 Answers

Does anyone know how to set the autocomplete multiple checkbox item height in Angular Material? I want to like this Line item height 18px But it shows this while using multiple checkbox Line item checkbox height Here is my sample…

VIEW QUESTION

Javascript – Convert date to format Thu Jan 01 1970 01:00:00 GMT+010 to date yyyy/mm/dd

May 5, 2023
Olivier
3 Answers

I’m working on an Angular web app that has a date field form that uses angular material datepicker. When the user selects a date with the datepicker, the value of the date I retrieve is in the format: Thu Jan…

VIEW QUESTION

Html – Remove input border from mat paginator

May 4, 2023
Edgar
3 Answers

I am using a mat-paginator and it looks like this The only problem is that I want to erase the blue border that appears at the select input, but I can not figure out how to do it.

VIEW QUESTION

Resize color palette when zoom level is changed in responsive mode in Angular – Css

April 24, 2023
CPK_2011
2 Answers

I am using Angular 15 and trying to resize the color palette based on zoom level. <input #primaryColor (change)="colorChange($event,'primary')" formControlName="primaryColor" class="color-input" type="color"> The type is color for this. When I change the view to Mobile Mode in Developer Tools and…

VIEW QUESTION