Category "angular-material"

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

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