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
-1
votes
0 answers

Rendering Angular Packaged SVG inside an ng-outlet without rendering the wrapping element?

Trying to figure out if there is a way to render svg content inside another element without rendering the wrapper delivering the content. The approach would also have to be something that could be packaged in it's own library. It could be done with…
Ole
  • 41,793
  • 59
  • 191
  • 359
-1
votes
1 answer

Angular 13 - Drag and drop is not working with ngFor -json array

I'm giving my very 1st attempt with Angular material CDK drag and drop for one my user story. I don't understand why array of object is not working in cdk drag and drop Argument of type 'CdkDragDrop<{ id: number; imgSrc: string; name: string; }[],…
Flavio
  • 123
  • 2
  • 12
-1
votes
1 answer

How to resolve could not resolve dependency after Angular migrations?

I updated all my tools : npm, node, angular-cli I was USING Angular 11 and now angular 13 in my project. I use this link to migrate my Angular project step by step…
MasterSinge
  • 665
  • 3
  • 9
  • 22
-1
votes
1 answer

Angular Material,cdk, Drag & Drop, dropping,and inserting into current position of TextArea Field

I was checking these examples: https://jsfiddle.net/qskxzh0e/3/ http://jsfiddle.net/3p1nra6m/1/ and https://stackblitz.com/edit/angular-component-drag https://material.angular.io/cdk/drag-drop/overview It is possible to insert (no replace all…
user1410223
-1
votes
2 answers

how to add space bettween elements in flex box

I need to display a list of scheduled jobs in an endless scroll list of angular material, for each element in the list, I need to divide it into 3 columns using flexbox. in each column, I want to display certain data. for some reason, I'm not able…
Sameh Hassoun
  • 23
  • 4
-1
votes
1 answer

Angular CDK in circular boundary to create a circular slider

I have to create a circular slider which can determine an angle. I'm following this and I would like to know if there is a way to have circular boundary. Or another easier method to implement that? Thanks
yatobjection
  • 3
  • 1
-1
votes
1 answer

How to render single item from a loop based on some condition at a another area of a screen in angular?

any one know how to render this kind of scenario : I know dragable library provide an option for disable drag. But it is not better solution while item is disabled to drag but another item can change position of non-dragable item while draging. So…
Mayur Kukadiya
  • 2,461
  • 1
  • 25
  • 58
-1
votes
1 answer

cdk drag drop on specific category only

So suppose i have two group todo and done. In todo group there is multiple category and then inside it todo's items. one item from category 1 is done rest is there for todo. that item moved to done on same category in this case category is 1. it…
user12857288
  • 3
  • 1
-1
votes
1 answer

Angular CDK Overlay Limit Position Scope

While using the Angular CDK and its Overlay, I wondered if there's a way to use the position-builder with a scope limited to a container. So that its global positioning context is not the whole site but rather only a container element on it.
mortom123
  • 511
  • 4
  • 14
-1
votes
1 answer

AngularMaterial vertical stepper with cdkDropList issue with form input names

I'm doing a dropList with angular material, and I have the following problem: Initialy: I'm using the index of the ngForm as the value for the attribute name of the form, if I change the position of the empty element at the end (moving with mouse)…
Daniel
  • 951
  • 7
  • 20
-1
votes
3 answers

My project using angular CLI 1.7.4 what will be the right Angular Material version to install?

My Project is built on Angular CLI 1.7.4 While running the command "ng serve", Am getting the below errors: I understand this is because of angular material is missing from the project. Kindly guide me on which angular Material version will be the…
Abishek Amstrong
  • 309
  • 4
  • 16
-2
votes
1 answer

Angular 4 showing json in a table

I have the following JSON: { "0": { "open": 93.3, "high": 96, "low": 93.3, "close": 95.04, "volume": 358172, "score": "100", "symbol": "ZBRA", "company_name": "Zebra Technologies Corp.", "company_sector": "Industrial Goods" }, "1": { "open":…
Project
  • 3
  • 5
1 2 3
…
44
45