angular-cdk Questions

1

I want to set the placeholder height to height of dragging element. For now I'm using static height placeholder of smallest possible element height. I couldn't find any informations about how to d...
Morocco asked 3/3, 2020 at 12:41

1

Solved

I am attempting to update angular material and the cdk from version 7 to 8. Package update goes fine for both but the migration for both fail every time with a very "helpful" error of Cannot re...
Peters asked 10/2, 2020 at 19:40

0

Using the cdkScrollable I'm encountering either a bug or a problem of my understanding: I've implemented a DataSource and I'm subscribing to the collectionViewer's viewChange event in the connect-...
Apropos asked 5/2, 2020 at 15:14

1

I have an angular mat-tree with parent, child and grand child level. On clicking of child I am adding grandchild in it. But grandchild having huge data upto 4k records. Which is making tree extreme...

4

Solved

I'm using mat-table. It has a filter which works fine with doc example: From https://material.angular.io/components/table/overview, the original code is: <div class="example-header"> <...
Telemechanics asked 29/1, 2018 at 17:16

2

Solved

I'm trying to make a custom popover for a table cell, in order to show a cell details when clicking on it, in a way similar to mdBoostrap popovers. For now, I have the following app: https://stack...
Barnstorm asked 5/12, 2019 at 16:32

3

Solved

I have a table displays so many rows, I want to optimize the performance of it. I've found a solution by using Virtual Scroll technique. Here is an example of Angular Material CDK Vritual Scroll Vi...
Paperhanger asked 5/6, 2018 at 2:46

2

Angular Material CDK tree component documentation says: "Flat trees are generally easier to style and inspect. They are also more friendly to scrolling variations, such as infinite or virtual scro...
Miss asked 2/10, 2018 at 10:26

2

Solved

How do I add a positioning strategy (ConnectedPositionStrategy) to an Angular CDK overlay? I've tried specifying it via the positionStrategy property and passed it into overlay.create(). import {...
Slowworm asked 19/12, 2017 at 8:3

2

Solved

I have used Angular Material in my application and I have two mat-table with sorting on single component but my sorting is working only on first table here is ts code @ViewChild(MatSort) invento...
Chef asked 7/12, 2017 at 9:0

2

Solved

Question How do I configure a material cdk overlay position strategy that works great, on big and small screens? Goal My objective is to create an overlay with the Angular overlay CDK, that foll...
Hartzog asked 2/11, 2019 at 19:3

2

Solved

I ran into an issue using drag and drop module from the Angular CDK. I use it inside a container div which has (among others) the following CSS properties : display: flex; flex-wrap: wrap; The f...
Ichthyosaur asked 24/1, 2019 at 14:46

2

Solved

I have multiple CdkDrag element that are rendered from a ngFor loop on an array in my component. when i remove one element i splice the array. Then some of the elements will update there position. ...
Phototypy asked 17/10, 2019 at 13:25

2

In my Angular Drag and Drop drop list, I want to pass an additional argument to the "[cdkDropListEnterPredicate]" function. By default it sends a CdkDrag and CdkDropList, but I have several drop li...
Opiate asked 1/2, 2019 at 16:50

1

Solved

I have a draggable element for which I have used cdkDrag and it is working fine for me. Now, I need to toggle a flag on click of the element. But when I drag the element and on drop the click event...
Galloglass asked 7/7, 2019 at 19:21

3

Solved

I am following a tutorial to implement cdk tree in angular 6. I created a tree structure, now I want to get the parent hierarchy from from the child by making it clickable, while there are methods ...
Forkey asked 13/7, 2018 at 11:54

1

I have a list of card rendered in vertical direction. I want to move in between the list. So, I am using Angular CDK drag and Drop feature. Card has some CSS rules, but while moving the card it sh...
Landpoor asked 14/8, 2019 at 6:27

3

Solved

I reproduced the problem with minimal code on this Stackblitz . I made part of my component open on a new window BUT it should still be able to interact with my main app. I used DomPortalHost to ...
Canso asked 7/7, 2019 at 8:21

1

Solved

Why should one use cdkPortal over the built-in directives ngTemplateOutlet and ngComponentOutlet in Angular. aren't both of them provide the same functionality? Are there specific features in the C...
Sitarski asked 3/7, 2019 at 15:47

1

Solved

I'm trying to use CdkConnectedOverlay to display an overlay when a button is clicked. It's mostly working, but the overlay is not re-positioning on scroll. I'm sure there's something small I'm miss...
Gurglet asked 25/6, 2019 at 0:6

1

Solved

We recently transitioned our scrollable lists to CDK Virtual Scroller. (Angular 7.2.12 with angular/cdk 7.3.7) In short, it seems that the VirtualScrollViewport is recycling component instances, n...
Ellery asked 15/4, 2019 at 19:30

4

Solved

I'm using the Angular CDK table (without Angular Material2) and want to use bootstrap table design to style it. It is possible to add classes to the CDK table, but the bootsstrap rules directly ad...
Studio asked 10/2, 2018 at 22:46

1

Solved

I am very new to angular and have been stuck on this problem for more than a day now. Using Angular 7 and angular/cdk ver 7.3.4. What I am trying to accomplish seems very simple. I have a good old ...
Whispering asked 14/3, 2019 at 20:2

1

Solved

Is there a way to change the OverlayContainer? I have created a tooltip component, but sometimes I want to attach the overlay to a specific element (by default the overlay is attached to the docum...
Togoland asked 21/3, 2019 at 20:10

4

Solved

In multiple places within angular material source, there are elements/ css classes that have cdk as their prefix. Does anyone know what the abbreviation for cdk in angular material context?
Hatred asked 20/2, 2017 at 9:22

© 2022 - 2024 — McMap. All rights reserved.