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

mat-datepicker ChangeDetectionStrategy issue with matDatepickerFilter?

Im using matDatepickerFilter from mat-datepicker(Angular Material), if my data change when panel is open, it is not updated, as if there was a ChangeDetectionStrategy issue. How can I force change detection ? I have created a blitz. To try…
dahh
  • 3
  • 2
0
votes
0 answers

How add image button and navigate it by angular material

I want to make a button with including an (image on button) by angular material. as well as i want to link this button for a component what is relative to the button. That's mean when i click the image as above mentioned, component should be visible…
ruwan liyanage
  • 419
  • 2
  • 11
  • 24
0
votes
1 answer

Angular : Dynamically push data to observable without changing value in input

I have used mat-autocomplete with Angular material 7. this.salesPickerAutoComplete$ = this.autoCompleteControl.valueChanges.pipe( startWith(''), debounceTime(400), distinctUntilChanged(), switchMap(value => { if (value && value.length >…
Ankur Akvaliya
  • 2,989
  • 4
  • 28
  • 53
0
votes
1 answer

Angular material : How to use all colors of theme

I am using angular material in angular 7. I had used angular-material in angular-1 before & it provided a way (md-colors) to user all colors. But in for angular-material-7 i am unable to find these kind of property. When we use color in component…
Ankur Akvaliya
  • 2,989
  • 4
  • 28
  • 53
0
votes
1 answer

cdkDropList doesn't save new order of items

I have a super simple drop list in my angular project:
0
votes
1 answer

Angular material 7: Cannot correctly select radio buttons inside component using keyboad

I'm developing an app with Ionic 4/Angular 7/Angular Material 7. In a screen there's a stepper. Inside each stepper there's complex forms. Given its complexity I put this form inside components. Inside the second step there's a radio group. When I…
Natanael
  • 1,326
  • 5
  • 17
  • 34
0
votes
0 answers

./node_modules/@angular/cdk/esm5/table.es5.js Module not found: Error: Can't resolve '@angular/common' in '../../\node_modules\@angular\cdk\esm5'

after the installation of angular material, and angular animations. I got this error. I reinstall the angular/cdk infact still am having this error and dont know how to solve this issue.
Shibin Mariyan Stanly
  • 330
  • 3
  • 13
0
votes
1 answer

Style for non-ngcontent element

Angular adds tags without attributes for own components. In Angular 7 selectors /deep/, >>>, and ::ng-deep have got deprecated, so now I can't reach out to tags, that I describe in my makeup, via :host() and :host-context(). Original makeup: …
ruslan_krivoshein
  • 303
  • 5
  • 19
0
votes
2 answers

How to use a ternary expression inside Angular Material Datatable interpolation to display html

I have an Angular Material Datatable setup in my project. My project uses several tables to display various dataSources (clients, providers, trainees, companies) so my aim is to use one datatable, in a component and pass the data, columns and such…
Mark Bell
  • 316
  • 5
  • 14
-1
votes
1 answer

area fill width to all container area

I have this situation: In the left I have a tree with my companies and in the right a DIV with div which I will draw my matCard (angular material). I would like that MyCard div can fill all with margin of 30px. If I set two matCards second one…
Dave
  • 7,028
  • 11
  • 35
  • 58
-1
votes
1 answer

"sticky" Angular Material toolbar

I'm building an Angular web app with a menu that has lots of categories. I would like something similar to a toolbar that will be "sticky" at the top once the user scrolls past the app.component.html standard navigation items. Here is how it looks…
Marcus Gallegos
  • 1,532
  • 1
  • 16
  • 31
1 2 3
…
10
11