Stack Overflow
Stack Overflow

Questions tagged [angular-material-9]

10 questions
2
votes
1 answer

How To Prevent MatDialog From Closing When Clicked Outside

How to prevent MatDialog from closing when clicked outside but in all the dialogs in my Angular application ? I also realized that the escape key is not closing the dialog after setting disableClose to true so i added a hostlistener to force the…
Kivo
  • 385
  • 8
  • 24
1
vote
0 answers

Unit Tests - Unable to create component with mat-autocomplete

I have a reactive form component that is built on 2 mat-autocomplete form control fields and a submit. Basically, you search a keyword, and autocomplete functionality of the angular material (ng9) lists down a list of matching entries before you can…
Amazed
  • 11
  • 2
1
vote
1 answer

How to center the mat-chips in a stacked mat-chip-list

This is how the chips are stacked right now: The space on the left is clearly less then on the right. How can i center the chips so that the margins on both sides are even? I've tried using custom css classes with text-align: center and…
Maurice
  • 6,698
  • 9
  • 47
  • 104
0
votes
1 answer

"./src/theme.scss?ngGlobalStyle:1:0 - Error:: Module parse failed: Unexpected token (1:0) File was processed with these loaders:"

After upgrading from Angular v14.3.0 to Angular v15.2.9, with : ng update @angular/core@15 @angular/cli@15, ng update @angular/material@15 i got this error when i try to compile : ./src/theme.scss?ngGlobalStyle:1:0 - Error: Module parse failed:…
Neojet
  • 1
  • 1
0
votes
1 answer

Angular material 9 broken UI

I am getting the following warning message Can't bind to 'dataSource' since it isn't a known property of 'mat-table'. Can't bind to 'ngIf' since it isn't a known property of 'div'. Can't bind to 'breadcrumbs' since it isn't a known property of…
Ramya
  • 225
  • 1
  • 6
  • 15
0
votes
1 answer

How to add paginator and sorting to unknown number of angular material tables?

I have no problem in adding sorting and pagination to predefined tables like this: @ViewChild('myTableSort') myTableSort:MatSort; @ViewChild('myTablePaginator') myTablePaginator:MatPaginator; then after getting table data: this.tableData = new…
Brian
  • 4,958
  • 8
  • 40
  • 56
0
votes
2 answers

Error creating a custom component using TAB of Angular Material 9

I'm trying to create a TAB custom component using Angular Material 9. This is the code to create a TAB using Angular Material: Content 1 Content 2
gradski
  • 71
  • 1
  • 2
  • 8
0
votes
2 answers

Set specific font for bold text in Angular Material

I'm using two custom fonts in my Angular application, one for normal text and one for bold text. I want to shift towards Angular Material, but I can't figure out how to set the bold font in it. This is how I set my custom font in…
Peter
  • 323
  • 1
  • 16
  • 46
0
votes
1 answer

How to iterate over array of objects and update time if is checked in angular 9?

I have an array of objects that are within my the sync property is a . I am trying to make it so that when a box is checked and then I press the "sync" button, it will update the lastSynced property with the current date…
CluckHeads
  • 37
  • 6
-1
votes
2 answers

Unwanted bottom border in Angular material column header

I have upgraded Angular material to 9, but after upgrade when I sort mat-table columns, after sorting a bottom border appears under the sorted column heading and this border disappear on mouse-click I checked browser CSS and found out that below CSS…
ani.lava
  • 69
  • 6