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

Allow click event only once on html element

I am using below code in my application.Here my problem is I have included below code in a every table column header. So when ever I click on mat-select a new currentddvalues will be formed and will be used in *ngFor loop of mat-option. The problem…
Veerendhar Reddy
  • 19
  • 5
0
votes
1 answer

Trigger Angular MatDataSource filter manually

I got a search input and a select dropdown that shows predefined filters. To realize the filter I extended the Angular MatDataSource filter predicate with a custom filter: this.invitationsDataSource.filterPredicate = (d: InvitationsApi, x: string)…
user4470482
0
votes
2 answers

Index number in descending order

My table contains indexing number and when i add a new row its should show me in 2,1,0 i need current value in the top index number 2.As per my code its working 0,1,2. But i need it in 2,1,0. This is my html file `
chrizel
  • 52
  • 1
  • 8
0
votes
1 answer

Apply style on first line only in angular material tooltip

I am using Angular material tooltip in my project. I want insert to the tooptip more the 1 sentence, and I want to add bold styling to the first line only. My HTML code:
tom
  • 11
  • 3
0
votes
1 answer

How to add max digit number validation in angular material 5?

I have an input field of number type.I want that anyone can only enter 4 digits on that field. How Can I achieve it?
Noymul Islam Chowdhury
  • 141
  • 12
0
votes
1 answer

how to pass data to angular material select to use more the one select in one form

I am trying to use the angular material select as component in my application to use that component multiple place in one form ideally. but my question is how to pass the data to each of this select component to load with different data. is that any…
Krish
  • 489
  • 2
  • 8
  • 28
0
votes
1 answer

how to manipulate mat-select multiple from outside of the select?

I have a mat select which contains a list of contrats and evrey time i click on the contrat i add it to a list in order to display it under the mat-select .
Houssem
  • 69
  • 1
  • 12
0
votes
1 answer

Angular 5 - get list after sort header

I use Angular 5, Angular Material and Angular DataTable. I have following table HTML file :
anakin59490
  • 630
  • 1
  • 11
  • 28
0
votes
0 answers

How to use two mat-pagination in a single page to get different page index

I am facing an issue when using a mat-pagination for my angular 5 applications where I have two tables with pagination. For one table the pagination is working fine. But when there is change in the second pagination i.e. When I add a some comments…
Kishan Jr
  • 39
  • 8
0
votes
1 answer

angular 5 why the change does not work within the mat-menu

why it does not work (change) inside a mat-menu. this is the code that I have
Sergio Lopez
  • 59
  • 1
  • 18
0
votes
0 answers

Date/Month picker using Angular Material

I am using Angular 5 and with that, Angular Material. I have a datepicker that when opened, defaults to picking a month. However, it still requires you to select a day after you select a month, and displays the date selected including the day. Is…
DeceitfulEcho
  • 71
  • 4
  • 14
0
votes
1 answer

Connect datasorce with api using angular-material datatable

I have a component in angular which provide search functionality . When user enter value it call service code which inturns call POST API and retrieve result based on query . I want to show that result in table set using angular-material library .…
mohammad obaid
  • 415
  • 4
  • 16
0
votes
4 answers

CSS Code To Remove Angular Material v5 Modal Backdrop

I want to remove the backdrop on the modal, i know there is a hasBackdrop property when opening the modal but i only want to hide the backdrop based on some condition which will take place on the modal. So i was thinking I could do so with css but…
Ralph Marvin Addo
  • 41
  • 1
  • 4
0
votes
1 answer

How To Retain Modal Data In Angular Material 5

i have a modal with several checkboxes which are populated with data i'm getting from my database. My problem is anytime i close the modal and open it, it has to load all the data again from my database and because of that i loose all the selected…
Ralph Marvin Addo
  • 41
  • 1
  • 4
0
votes
1 answer

Expand root nodes in Angular Material Tree

I know there are available methods for expanding and collpasing all nodes but I just want to expand the first level of nodes (the root nodes). How is that possible?
supereschek
  • 94
  • 9
1 2 3
…
10 11