Stack Overflow
Stack Overflow

Questions tagged [angular-cdk]

Use this tag for questions concerning your own components using the Angular CDK (Component DevKit) or Angular Material components that depend on the Angular CDK's APIs, like the MatTable.

Angular's Component Development Kit (CDK) gives developers tools to build their own Angular components addressing common problem patterns while giving the user full control over the components' styles. It is created alongside the Angular Material project.

The full list of features can be found at the official docs.

Learn more about the CDK in the official release post.

673 questions
0
votes
1 answer

Radio Button within a table with CDK Table / Material Design

I am actually trying to insert a radio button group within a table component of CDK Table /material design . See Expected Image /Result https://stackblitz.com/angular/qxkmjjxrlrm?file=app%2Ftable-sticky-header-example.ts
Myjay1516
  • 197
  • 2
  • 4
  • 12
0
votes
0 answers

mat-select and mat-option in angular 4 conflicts ElementRef and template portal

I was implementing mat-select and mat-option for one of the requirement but seems like it conflicts with some of the existing functionalities. Very first, can anyone help me if I can get @angular/material in angular 4, the one which I installed has…
Mehul
  • 25
  • 6
0
votes
0 answers

angular cdk-virtual-scroll-viewport after image load, scroll direction shows incorrect white space due to incorrect element height

when using the angular cdk-virtual-scroll as per below code, content displays correctly before image loaded. however, after the image is loaded, scrolling seems to work incorrectly. in this case, scroll direction is vertical. as scrolling occurs,…
Michael Zhou
  • 41
  • 1
  • 8
0
votes
1 answer

Angular Material 7 Drag and Drop

Can someone explain or maybe show me some code on how he would do the following: I have a match - with all assigned players to a team, then i have a starting eleven (11 placeholders on a map) and 7 positions on the teams bench. How can I now…
Coach
  • 521
  • 1
  • 5
  • 14
0
votes
1 answer

Angular-CDK SVG not showing up

I cannot get an SVG Icon to showup in a CDK Layer. I have the following code: app-menu.html
Matthew Dewell
  • 563
  • 7
  • 30
0
votes
1 answer

Connecting overlay to dynamic elements

I want to make overlay using angular-cdk that will be attached to dynamically created elements using *ngFor is ti possible? Here is example: https://stackblitz.com/edit/angular-z4a989 I want to open overlay with every button but overlay should be…
piernik
  • 3,507
  • 3
  • 42
  • 84
0
votes
0 answers

Event on scrolling

I have been trying to make my toolbar shrink after scrolling down for the last 9 hours... I tried "scrollDispatcher" example here: Shrinkable mat-toolbar but it tells me "Cannot find name 'map'." in: .pipe( map((.... I tried this…
rami bin tahin
  • 1,897
  • 2
  • 10
  • 16
0
votes
0 answers

Display angular 4 http get data on html screen

I am able to get a data from web service with http get call but table only shows skeleton but not a data. It exactly show same row as record retrieved by web service but no data shown. If I hard code value in angular service then I am able to see…
Abhay
  • 59
  • 8
0
votes
0 answers

angular 5 master detail with cdk portal

I building an editor UI around a canvas (konva) library and would like to achieve the following: On the left side I would like to show a list of Icons which represent different tools (angular material mat-list) and these can be dynamically changed…
Martin Schulze
  • 11
  • 5
0
votes
3 answers

Angular - (click) not firing in my Material/CDK Datatable

Consider the following table in my template