Stack Overflow
Stack Overflow

Questions tagged [angular-material-5]

Angular Material is an implementation of Material Design in Angular. Do not use this tag for AngularJS Material, the implementation of Material Design for the older AngularJS framework.

Usage

  • This tag is intended for questions which ask about Angular Material using Angular 5.x.x

    Note: Consider also tagging such questions with the tag, as well as the tag

  • Please take note that you should use the tag for AngularJS 1.x Material questions instead of this tag.

Goal

Taken from the official repo:

The goal is to build a set of high-quality UI components built with Angular and TypeScript, following the Material Design spec. These components will serve as an example of how to write Angular code following best practices.

Asking a question

Learn more

To learn more about Angular Material, visit the following resources to help you get started:

160 questions
0
votes
1 answer

Angular Material matDatepicker doesn't work with ngForm ngSubmit when input is disabled

I have a problem with Angular Material matDatepicker. I have found that if I want to use the disabled attribute on it, I can't get the result value when using ngSubmit. Means this code works :
C. Banzet
  • 409
  • 2
  • 5
  • 19
0
votes
1 answer

Save and bind to the Id of a drop-down selection, but display the Value in Angular Material

This might be a stupid question with a very simple answer, but after a week of coding I feel fried and can't figure it out. How can I bind to the Id of a selection, but display the string representation of the value? I.e., I have a drop-down that…
onmyway
  • 1,435
  • 3
  • 29
  • 53
0
votes
1 answer

Change the Arabic fonts-family in the label and the options of an mat-select and mat-input Material angular 5

How Can I change the fonts-family in the label and the options of an mat-select and mat-input Material angular 5 ? i tried to apply the style directly on the elements mat-select and input but nothing worked for me. myform-component.html…
NullPointerException
  • 49
  • 1
  • 7
0
votes
1 answer

How to read firebase data into a simple HTML table with dynamic columns or into a Angular MAT Table

https://stackblitz.com/edit/dynamic-columns-mat-table This is what i have so far. This table renders perfectly but my requirement is that i dont know the column names beforehand so i need to mention the column name like this for example Instead of…
DEV
  • 949
  • 1
  • 9
  • 29
0
votes
2 answers

How set up Angular Material Autocomplete (drop-down) to work with data returned from data call (filteredOptions called to early)

I am trying to create a drop-down list of customers (or anything), making use of Angular 5 Material's Autocomplete functionality. But unlike the examples provided on the Angular website, my data is not static, but gets returned after a data call…
onmyway
  • 1,435
  • 3
  • 29
  • 53
0
votes
2 answers

the table doesn't show the information in angular

I have a problem, the information displays in console but when I try to display the information in the table, the columns show but doesn't see the object. I don't know why! Here's my Typescript: table.ts constructor(public studentAtentionService:…
josue avendaño
  • 3
  • 4
-1
votes
2 answers

How to capture closed event of mat autocomplete in angular material

Trying to get the closed event of mat autocomplete but getting undefined. I do not know why i am getting undefined. If anyone knows please help to find the solution. app.component.html:
EMahan K
  • 417
  • 1
  • 19
-1
votes
1 answer

Sorting and pagination not working on Angular 5 data table.

I am trying to use this Angular material 5 data table component in my project: https://stackblitz.com/angular/jyerrrrdxrp?file=polyfills.ts that features filtering, sorting and pagination. So far, my data are properly fetched from the database and…
olivier Noumbi
  • 31
  • 7
-1
votes
1 answer

Mat-select: No preselected value when data loaded over the promise

I load array of groups for mat-select over http. My .ts code look like this: async ngOnInit(): Promise { this.groups = await this.service.loadGroups(); this.form = new FormGroup( groupId: new FormControl(this.user.groupId ||…
Tyrcheg
  • 1
  • 8
-1
votes
1 answer

Angular 5 table row expand/collpse one at a time

Trying angular table row expand/collapse one at a time but unable to make it work. Tried below url but it seem to be not working. Any help is appreciated.…
r500
  • 11
  • 1
  • 4
1 2 3
…
10
11