My HTML <mat-checkbox id="includeBoundingBoxWithImage" [(ngModel)]="includeBoundingBoxWithImage" color="primary"></mat-checkbox> I have tried below CSS but it does not remove the outside circle .mdc-checkbox__ripple { display: none; }
I want to have a spinner while I am waiting for my API to complete, but here I have a problem. When I press the button onSave correctly I saw the spinner, but after my API has completed my spinner…
Using any kind of event I managed to find from the API for select and autocomplete ends up with the MatPaginator being 'a step behind', e.g. while the filtered data is supposed to be only 200 in length, the paginator.length…
I've been struggling for a while now on how to manually change the ripple color of a <mat-input> element and I can't seem to get it to work in any way. <input matInput type="number" (keydown)="updateManualPage(1)" placeholder="Filter" formControlName="filterParam1"> I've tried everything…
I have an autocomplete in my angular reactive form. I want to display myObject.name but use myObject.id as value. When the form is prefilled with existing values, I need to get myObject.name base on myObject.id which takes some time. So…
In my project black theme we are using so, need to show checkbox border color with white border. But, css is not working in checkbox and border color is not changing. Is there any way to change the border color…
I'm working on an Angular 10 application and using Angular Material Icons. I'm looking for a way to dynamically display a dropdown list containing all the available Material Icons. I've attempted to retrieve the list programmatically using MatIconRegistry, but so…
I have a function that trigger when I sort the table deepens of a column I click but the data is not updating. This is the function and the table code: <table mat-table #table [dataSource]="dataSourceMD" matSort (matSortChange)="getRowMaximoTable($event)" matTableExporter #exporter="matTableExporter" #sortMD="matSort"…
I am stuck trying to figure out why my mat-table is not showing my data... I am using Angular 15 and angular material 15 Here is my HTML component code: <mat-divider></mat-divider> <table mat-table [dataSource]="terjatveTable" class="mat-elevation-z8"> <!-- Name Column --> <ng-container…
I cannot align the content to the center in a mat-form-field of angular material these are my form-fields: enter image description here I need them to look like this: enter image description here I don't know which angular material css…