Questions tagged [angular-material-6]

Angular Material is an implementation of Material Design in Angular. This tag is for version 6.x of Angular Material for Angular 6. Do not use this tag for other versions or 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 v6.x
  • 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

  • Mention the versions of Angular and Angular Material you're using.
  • Reduce your issue to a small example
  • Post a reduced working code on plnkr.co or stackblitz.com
  • If there's a bug (or some unintentional behavior), try to troubleshoot the problem. (If it's a bug report, please create a new issue at Angular Material's Github repository instead.)

Learn more

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

310 questions
4
votes
3 answers

Angular 6 mat-nav-list with mat-expansion-panel

I'm trying to create a mat-nav-list which has mat-expansion-panels as list-items. The problem is, the mat-nav-list doesn't work as expected.The alignments are a mess and the expansion panels do not work properly. As I think, this happens because the…
4
votes
1 answer

Angular Material: Tree node counting

There are several examples for the Angular Material tree implemenation. What I did not find is a sample how to add automatically a counter for each level. e.g. 1 Groceries 1 Almond Meal flour 2 Organic eggs 3 Protein Powder 4 Fruits 1…
LeO
  • 4,238
  • 4
  • 48
  • 88
4
votes
1 answer

Angular Material - Hierarchical table

Does anyone have a sample for a heirarchical mat-table ? The code in Angular tables Examples does have a detailed row. But I am looking for something with a parent child relation and lazy loading the details table on click of an expand button in…
Vish
  • 219
  • 1
  • 6
  • 20
4
votes
1 answer

How to prevent scrolling down in Angular material dialog?

I retrieve data via http requests and the text is pre-formated as HTML text and most of the time quite long. Essentially I use the following content:

My title

LeO
  • 4,238
  • 4
  • 48
  • 88
4
votes
6 answers

How to change css of asterick generated by required in angular material form field?

I am using angular material in angular6 app. {{attributesLabels.email}}
Johar Zaman
  • 1,955
  • 17
  • 27
4
votes
3 answers

Angular material table with data source: pagination and filter is not working

I have the following angular material table with data source property:
search
alim1990
  • 4,656
  • 12
  • 67
  • 130
4
votes
1 answer

matTextareaAutosize does not work in Angular Material 6.4.2

I am trying apply auto-sizing on textarea in angular material 6.4.2 like below -