Category "angular-material"

Angular 13 - material table new row, delete row update table

I am using Angular 13 material-table. I am able to successfully send a request to an api server. I'm sending a successful post request using modal-dialog and re

Angular Material intellisense doesn't work in VSCode

I'm working on an Angular (v13) project and I installed Angular Material using this command ng add @angular/material I can see the package in the node_modules,

What is the benefit of using the Angular Material BreakpointObserver API over a simple Media Query?

I've been experimenting with Angular Material and found myself questioning the benefit of using the built in BreakpointObserver API over a simple media query? O

Update Angular paginator after filtering?

I have a custom datasource in Angular where I have implemented sorting, paging and filtering. All of them works fine but when I go to filter the data in the tab

Focus a specific mat-option item when mat-select dialog is opened?

I want to focus to an option(scroll to an option) automatically when mat-select is opened. I thought that with a little bit of search this will be solved easily

Angular Material Datepicker Popup positioned wrong

First of all, this material datepicker is based on: https://stackblitz.com/angular/qmnrlgabjly?file=src%2Fapp%2Fdatepicker-views-selection-example.ts I have cop

owl-carousel-o is showing item vertically

i'm using Angular and i want to show items in normal way (using owl-carousel-o) , but that's how they're shown in the Link that's the app.component.ts code

Material table cells with specific width according to predefined length

I will show my code first. <ng-container matColumnDef="position"> <th mat-header-cell *matHeaderCellDef> No. </th> <td mat-cell *matC

Why does mat-tree toggle throws error when used to create story file?

I have created a tree component using mat-tree in a storybook module, and when I use it inside a component it works just fine. The problem is when I use it to c

Angular error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class

ERROR in node_modules/@angular/material/dialog/dialog.d.ts:142:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an

Material Icon showing as the name when site first loads

There is an issue with Angular 7 and materials icon where the name of the icon shows when the site is initially loading. Is there a way to prevent this

MatTabGroup is not reliably showing pagination buttons

I am having an issue with the Angular Material Tabs component. I am trying to use the MatTabGroup with a handful of tabs in it. The problem is, when my componen

Changing starting position of mat-slider

I am working on mat-slider. I want to place thumb in middle and start sliding left and right. My code is as follows https://stackblitz.com/edit/angular-9unenq-u

Angular Material Table pagination not working, listing all rows even though the paginator is shown

I am trying to paginate an angular material table. The table at present is having dummy static data , in future once the backend api is ready it will be called

Angular Material Table filtering not refreshing

I have an Angular Material table... <div class="card"> <div class="card-header"> <b>{{ pageTitle }}</b> </div> <div

How to pick variation of Material color for styling an Angular Component

Is there a way to define which palette variation will be used when setting the color to accent(or primary)? For example I wish to set the background-color for

Chrome opens suggest password dialog on input with type number on MacOS?

I'm running into an issue similar to this one. I have autocomplete="off" on the entire form, and it does work correctly in Firefox, and most of the elements do

Angular mat-autocomplete: Setting active item programmatically

What are you trying to do? Setting an item in my panel active programmatically. What are you seeing that does not match your expectations? Using autocomplet

Translate mat-tab with i18n

I am using angular material tabs and I would like to know how could I translate the text of the tag using i18n. The structure of the tab is as follows: <mat-

Angular Material custom form field doesn't show mat-error

I thought I have almost the same example but somehow the control tricks me :-/ <form [formGroup]="form"> <app-ref-urlcheck [maxLen]="20" formContro