Category "angular-material"

Expand & collapse angular material table with a button

I'm having a problem with angular material table, I want each row to be expanded with a button (details button as shown in picture), but it getting expanded at

Angular StackBlitz error: [NoSuchMethodError: method not found: 'write$1' on null]

I am trying to setup a Stackblitz project with Angular Material theming, following the official guide for Angular Material 11 theming. I created a sass file for

Extend angular-material buttons with loading animations

I'm trying to create a generic solution in Angular 12 for disabling (and displaying a spinner) when a button is clicked, until the API responses. In order to ac

How to execute subscribe firstly before another subscribe angular 8?

I work on angular 8 i have two subscribe i need to execute first subscribe and after finish execute second subscribe . but i don't know how to execute subscribe

How to execute subscribe firstly before another subscribe angular 8?

I work on angular 8 i have two subscribe i need to execute first subscribe and after finish execute second subscribe . but i don't know how to execute subscribe

set arrow with tooltip of matTooltip angular material

in angular material it provide matTooltip attribute to show tooltip . i want to show arrow with tooltip pointing towards overflow text. but tooltip position is

Angular 12 Material shows cannot read property errorstate undefined of MatFormField

This is the simple HTML that I have written for single page web app <div class="bg"> <h1 class="faq_heading">Frequently Asked Questions</h1&g

Angular material mat-paginator paginate

how to implement a pager in angular material consuming an api knowing that its default offset is 0 that returns 100 data by default and its total data is 2500.

Angular Material table filtering out all results when input is initially blank, will work after typing into input Only

So my table works really well, except that it shows no data until either a row is clicked or the filter is used. I am unsure as to what is going on here, not su

Dependent dynamic dropdown in Angular

I have a component(parent), where I am loading a single select option(Angular Material) and a multi select(Angular Material) option by an api call. I want to ha

Pagination doesn't update in customized angular directive when filtering (How to customize mat-paginator in angular material)

As Per Marshal's answer, I have implemented the customized directive in an angular material data table. But I'm facing pagination issues when filtering the data

Property 'sort' has no initializer and is not definitely assigned in the constructor

I am trying to use MatSort Module to sort my Table in Angular Material but I get this error: Property 'sort' has no initializer and is not definitely assigned i

Error: node_modules/@angular/material/core/common-behaviors/constructor.d.ts:14:64 - error TS1005: ';' expected

My app was working fine until I uninstalled bootstrap and installed angular material instead....Then tried to do ng serve but got this error.. Error: node_modul

Error when adding Datepicker to a remote component in module federation

I am trying to use datepicker within an remote component using module federation and am getting the attached error message. Troubleshooting steps tried Added @

Angular mat form field appearance

How do I implement this in Angular 12? below is the code in my html: <mat-form-field style="width: 70px;" [appearance]="somevariable ? 'none' : 'legacy'" &

Angular material: apply typography level to material component

I wanted to know if it is possible to apply a typography level to a specific material component from the scss theme. For example, apply the subheading-1 typogra

how to disable angular material typography styles?

how to disable angular material typography styles after installed angular materials? It is changing my visual style and it is not easy to overwrite. I dont need

Angular Material 13 - How to change the color of a border of a mat-form-field

How to change the color of a border of a mat-form-field ? (The border when the field is selected) thx ^^ screen .search { display: flex; justify-content: ce

Use Angular Material mat-icon with custom svg icon in angular standalone library

I'm creating this angular library for a project, and inside it, i'm utilizing @angular/material mat-icon component. There is some custom svg files included as a

agm-marker-cluster does not show markers after zoom

I have this section for clustering markers on a map with a custom cluster image: <agm-marker-cluster *ngFor="let item of clusters | keyvalue" imagePat