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

Mat-Select select currently selected option

I need to react on option selection. My problem is that this component is not emitting event (selectionChange output is not emitting new events) when I have selected option A, and I open select pane and select option A again. The event is not fired…
Marcin Kapusta
  • 5,076
  • 3
  • 38
  • 55
0
votes
0 answers

Angular material filtering table

i've tried the example, table with filter, in the angular material official page and i have a question: there is a way to add a space to concatenate object values? Because, as they said, "the row data reducing function will concatenate all the…
user7272904
0
votes
1 answer

Angular Flex Layout Performance with dynamic grid data

I am loving this flex Layout with material 2 but at the same time i am worried about the performance. I googled and found that, this flex layout has some performance issue when it comes to table or large list. One i found here…
Shaksham Singh
  • 491
  • 1
  • 5
  • 19
0
votes
0 answers

Dual swappable multi-select boxes with search in Angular Material

I'm trying to find some sort of two-sides multiple(always opened) boxes with search and angular material design but I can't find anything. I can achieve the same functionality, but the multiple dropdown select box gets always folded when I do…
Tyrcheg
  • 1
  • 8
0
votes
0 answers

Can't resolve all parameters for DialogService: (?, ?, ?)

I have updated my application from angular 4.4 to angular 5.2 by updating package.json file but getting this error Uncaught Error: Can't resolve all parameters for DialogService: (?, ?, ?) Dialog-service.ts is below import {Injectable, Component}…
Shifali singla
  • 76
  • 1
  • 2
  • 8
0
votes
2 answers

Sorting Not Working Angular Material Design Table

Using an Angular Material Design table, I'm simply trying to sort the headers of two columns in a data table. (They are the Employee Name and Job Title columns in the code below.) Both aren't sorting. Not sure why. Here's my code and thanks, CM…
user9541762
0
votes
2 answers

How to send communication to parent component from child component?

I have split up the components only for the reason the base or the parent component code is growing in size and for code organization. so split the components based on the sections of the parent component. So the each child component are the each…
Sundar
  • 655
  • 2
  • 7
  • 13
0
votes
2 answers

mat-accordion with-in component - angular 5

I have a question component with mat-accordion to display question. I'm calling my question component to question-list component. Everything works great until this point, the issue arises when I'm clicking on question component it is getting open…
nitin
  • 156
  • 2
  • 13
0
votes
1 answer

Material Autocomplete field validation in Angular 5

We are developing our Angular 5 application using Angular material. we have 2 set of 4 similar autocomplete type fields. We have implemented using Material AutoComplete fields. the first set of 4 fields are used to fetch the customer details. the…
Sundar
  • 655
  • 2
  • 7
  • 13
0
votes
2 answers

Inbuilt deselectAll method not working in multiple Angular mat-selection-list

I am using angular5 to create multiple mat-selection-list in same component. list-selection-example.html Shoes: {{shoe}} …
Anil Arya
  • 3,100
  • 7
  • 43
  • 69
0
votes
0 answers

How to add the custom filtring by exposing the input property of type Observables in Angular 5 Autocomplete

I am wrapping a angular material autocomplete component in angular 5. While wrapping that component, I am facing issue because I am exposing an input property of type observable to add a custom filter i.e., filtering which you can see in this …
Shreelakshmi G
  • 119
  • 2
  • 16
0
votes
1 answer

Angular-Formly Styles are not working after adding matexpansionpanel

Here is the stackblitz for code https://stackblitz.com/edit/angular-syo244?file=app%2Fapp.component.html in app.component.html commented code for required output
Narendar
  • 370
  • 10
  • 20
0
votes
0 answers

mat-select option weird behavior when add many options

I have a problem, I can't overlay the behavior of this element. This is the test case: click on test option and click test1 and then click again and click test5. and you will get output like this... Here is the demo:…
Andika Ristian Nugraha
  • 540
  • 1
  • 7
  • 22
0
votes
1 answer

Angular 5 + Angular Material Loading a Data Table

I am new at Angular 5 + Angular Material. I was reading through the docs and trying to get a grip on the best way to load the table. I found that you could create a DataSource class and use the connect method to connect to an observable and load the…
JoellyR
  • 153
  • 1
  • 17
0
votes
1 answer

how to solve angular material with mat-line-end

can anyone explain why this can happen? when I use this command

Andika Ristian

My Name Is

Andika Ristian Nugraha
  • 540
  • 1
  • 7
  • 22
1 2 3
…
10
11