Stack Overflow
Stack Overflow

Questions tagged [angular-material-7]

Angular Material2 is an implementation of Material Design in Angular. This tag is for version 7.x of Angular Material2 for Angular 7. Do not use this tag for other versions (e.g. v5, v6) 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 Material2 v7.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:

Our 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 Material2 that you're using.
  • Reduce your issue to a small example
  • Post a reduced working code on 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 Material2's Github repository instead.)

Learn more

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

162 questions
0
votes
0 answers

Can't bind to 'MatMenuTriggerFor' since it isn't a known property of 'a'

ERROR : Can't bind to 'MatMenuTriggerFor' since it isn't a known property of 'a' MY CODE APPCOMPONENT.HTML:
Login Logout Register
Chiheb Mezrigui
  • 1
  • 1
0
votes
1 answer

How to show the loader center of the mat dialog?

I am not able to show the loader center of the mat dialog. I am using angular material 7.2 with angular 7 version. please find my code from below URL. Sample code
Santhosh
  • 1,053
  • 1
  • 20
  • 45
0
votes
2 answers

How to Generate and display nested angular material table dynamically

I have came across a situation where I need to implement logic for displaying nested angular mat table. I already have implemented logic for displaying nested (inner) table with data source of child element, But situation is tricky when there is…
Pravin Ambekar.
  • 102
  • 15
0
votes
0 answers

Custom button with downgrade to angularjs creates nested button (button is nested in new Angular)

I have this custom button: Html template:
BeniaminoBaggins
  • 11,202
  • 41
  • 152
  • 287
0
votes
0 answers

How to use full material tab width in angular material 7?

I am using angular material 7 in my app. How to stretch material tab content to 100%. in the above image table aligned left and some empty space is there(right side of table)
Santhosh
  • 33
  • 3
0
votes
1 answer

How to expand nested node in angular material tree with nested data?

I am using mat tree in my angular 7 application with nested array of objects data. I want to expand nested section after user doing some changes to the nested section data. I have a large array of objects I am able to expand first level tree nodes…
Santhosh
  • 1,053
  • 1
  • 20
  • 45
0
votes
1 answer

Hide mat-optGroup's label dynamically

I am using mat-optgroup and mat-option to create a dropdown using angular material. In one case, I have mat-optgroup's label as empty. I don't want to show the label in that case. Is there an option to show/hide only label (not it's options) in…
abcdxyzw
  • 9
  • 4
0
votes
1 answer

Underline not shown in mat-form-field

I'm a newbie in angular. I'm following the example in link to implement the expanding sections in my app. I have the following code. When I click on the input field, there are no underlines displayed. The html code in my component:
Paul-E
  • 91
  • 12
0
votes
1 answer

Error using mat-icon of angular material with Angular 10

I have a MaterialModule import { NgModule } from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; @NgModule({ declarations: [], imports: [ MatButtonModule, …
kintela
  • 1,283
  • 1
  • 14
  • 32
0
votes
1 answer

Convert enum to material select in my component

Now I have a some problem with enum. I want make mat-select in component with enum values, but I'm not understand, how is possible. I tried it, but but nothing worked My ts component code import { Component, OnInit } from '@angular/core'; …
mrshk_vv
  • 15
  • 1
  • 7
0
votes
1 answer

unable to hide the flex layout row of angular material

I am not able to hide the div row in angular flex layout in angular material 7. Please find my below code.
…
Santhosh
  • 33
  • 3
0
votes
1 answer

Multiple mat table in single component loading slow

I have 3 mat table in single component and i am loading its data on page load. Issue is with less that 500(for all 3 tables) records also it is taking 8-10 seconds of time to load data
0
votes
2 answers

Why mat-spinner not showing?

Index.html file is: App.module file is: @NgModule({ imports: [ BrowserModule, AppRoutingModule, BrowserAnimationsModule, MatProgressSpinnerModule, …
user13419533
0
votes
2 answers

Angular Material Autocomplete observable fires additional API call when selecting dropdown option

Everytime I click on the dropdown, a GET API call is made to repopulate the list! I'm already making this call on ngOnInit() and do not need these additional API calls each time I make a selection (or simply when I just click on the dropdown) as…
Olivier M.
  • 51
  • 6
0
votes
1 answer

Angular material Editable table

I am trying to achieve below screen using angular material. Here is my code so far html component code Allocate Factors
Ananth Vivek
  • 73
  • 1
  • 7
1 2 3
…
10 11