You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
You can use the `CDK_DROP_LIST` injection token that can be used to reference instances of `cdkDropList`. For more information see the [dependency injection guide](https://angular.dev/guide/di) and the [drop list injection token API](https://material.angular.io/cdk/drag-drop/api#CDK_DROP_LIST).
66
+
You can use the `CDK_DROP_LIST` injection token that can be used to reference instances of `cdkDropList`. For more information see the [dependency injection guide](https://angular.dev/guide/di) and the [drop list injection token API](api/cdk/drag-drop/CDK_DROP_LIST).
67
67
68
68
## Transfer draggable elements between lists
69
69
@@ -106,7 +106,7 @@ Use the `cdkDropListGroup` directive if you have an unknown number of connected
You can use the `CDK_DROP_LIST_GROUP` injection token that can be used to reference instances of `cdkDropListGroup`. For more information see the [dependency injection guide](https://angular.dev/guide/di) and the [drop list group injection token API](https://material.angular.io/cdk/drag-drop/api#CDK_DROP_LIST_GROUP).
109
+
You can use the `CDK_DROP_LIST_GROUP` injection token that can be used to reference instances of `cdkDropListGroup`. For more information see the [dependency injection guide](https://angular.dev/guide/di) and the [drop list group injection token API](api/cdk/drag-drop/CDK_DROP_LIST_GROUP).
110
110
111
111
### Selective dragging
112
112
@@ -145,7 +145,7 @@ By default, the user can drag the entire `cdkDrag` element to move it around. To
145
145
</docs-code-multifile>
146
146
147
147
148
-
You can use the `CDK_DRAG_HANDLE` injection token that can be used to reference instances of `cdkDragHandle`. For more information see the [dependency injection guide](https://angular.dev/guide/di) and the [drag handle injection token API](https://material.angular.io/cdk/drag-drop/api#CDK_DRAG_HANDLE).
148
+
You can use the `CDK_DRAG_HANDLE` injection token that can be used to reference instances of `cdkDragHandle`. For more information see the [dependency injection guide](https://angular.dev/guide/di) and the [drag handle injection token API](api/cdk/drag-drop/CDK_DRAG_HANDLE).
149
149
150
150
### Customize drag preview
151
151
@@ -161,7 +161,7 @@ The cloned element removes its id attribute in order to avoid having multiple el
You can use the `CDK_DRAG_PREVIEW` injection token that can be used to reference instances of `cdkDragPreview`. For more information see the [dependency injection guide](https://angular.dev/guide/di) and the [drag preview injection token API](https://material.angular.io/cdk/drag-drop/api#CDK_DRAG_PREVIEW).
164
+
You can use the `CDK_DRAG_PREVIEW` injection token that can be used to reference instances of `cdkDragPreview`. For more information see the [dependency injection guide](https://angular.dev/guide/di) and the [drag preview injection token API](api/cdk/drag-drop/CDK_DRAG_PREVIEW).
165
165
166
166
### Customize drag insertion point
167
167
@@ -175,7 +175,7 @@ You can change where Angular inserts the preview using the `cdkDragPreviewContai
175
175
|`parent`| Angular inserts the preview inside the parent of the element that is being dragged. | Preview inherits the same styles as the dragged element. | Preview may be clipped by `overflow: hidden` or be placed under other elements due to `z-index`. Furthermore, it can affect `:nth-child` selectors and some flex layouts. |
176
176
|`ElementRef` or `HTMLElement`| Angular inserts the preview into the specified element. | Preview inherits styles from the specified container element. | Preview may be clipped by `overflow: hidden` or be placed under other elements due to `z-index`. Furthermore, it can affect `:nth-child` selectors and some flex layouts. |
177
177
178
-
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update `previewContainer` within the config if the value is `global` or `parent`. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig), and the [drag drop config API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig).
178
+
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update `previewContainer` within the config if the value is `global` or `parent`. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](api/cdk/drag-drop/CDK_DRAG_CONFIG), and the [drag drop config API](api/cdk/drag-drop/DragDropConfig).
179
179
180
180
### Customize drag placeholder
181
181
@@ -187,7 +187,7 @@ While a `cdkDrag` element is being dragged, the directive creates a placeholder
You can use the `CDK_DRAG_PLACEHOLDER` injection token that can be used to reference instances of `cdkDragPlaceholder`. For more information see the [dependency injection guide](https://angular.dev/guide/di) and the [drag placeholder injection token API](https://material.angular.io/cdk/drag-drop/api#CDK_DRAG_PLACEHOLDER).
190
+
You can use the `CDK_DRAG_PLACEHOLDER` injection token that can be used to reference instances of `cdkDragPlaceholder`. For more information see the [dependency injection guide](https://angular.dev/guide/di) and the [drag placeholder injection token API](api/cdk/drag-drop/CDK_DRAG_PLACEHOLDER).
191
191
192
192
### Customize drag root element
193
193
@@ -201,7 +201,7 @@ The attribute accepts a selector and looks up the DOM until it finds an element
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update `rootElementSelector` within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig), and the [drag drop config API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig).
204
+
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update `rootElementSelector` within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](api/cdk/drag-drop/CDK_DRAG_CONFIG), and the [drag drop config API](api/cdk/drag-drop/DragDropConfig).
205
205
206
206
### Set DOM position of a draggable element
207
207
@@ -223,7 +223,7 @@ To stop the user from being able to drag a `cdkDrag` element outside of another
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update boundaryElement within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig), and the [drag drop config API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig).
226
+
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update boundaryElement within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](api/cdk/drag-drop/CDK_DRAG_CONFIG), and the [drag drop config API](api/cdk/drag-drop/DragDropConfig).
227
227
228
228
### Restrict movement along an axis
229
229
@@ -235,7 +235,7 @@ By default, `cdkDrag` allows free movement in all directions. To restrict draggi
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update `lockAxis` within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig), and the [drag drop config API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig).
238
+
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update `lockAxis` within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](api/cdk/drag-drop/CDK_DRAG_CONFIG), and the [drag drop config API](api/cdk/drag-drop/DragDropConfig).
239
239
240
240
### Delay dragging
241
241
@@ -249,7 +249,7 @@ You can delay the dragging sequence using the `cdkDragStartDelay` input. The inp
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update dragStartDelay within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig), and the [drag drop config API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig).
252
+
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update dragStartDelay within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](api/cdk/drag-drop/CDK_DRAG_CONFIG), and the [drag drop config API](api/cdk/drag-drop/DragDropConfig).
253
253
254
254
### Disable dragging
255
255
@@ -261,7 +261,7 @@ If you want to disable dragging for a particular drag item, set the `cdkDragDisa
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update `draggingDisabled` within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig), and the [drag drop config API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig).
264
+
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update `draggingDisabled` within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](api/cdk/drag-drop/CDK_DRAG_CONFIG), and the [drag drop config API](api/cdk/drag-drop/DragDropConfig).
265
265
266
266
## Sorting customizations
267
267
@@ -275,7 +275,7 @@ By default, the `cdkDropList` directive assumes lists are vertical. This can be
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update `listOrientation` within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig), and the [drag drop config API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig).
278
+
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update `listOrientation` within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](api/cdk/drag-drop/CDK_DRAG_CONFIG), and the [drag drop config API](api/cdk/drag-drop/DragDropConfig).
279
279
280
280
### List wrapping
281
281
@@ -310,7 +310,7 @@ There are cases where draggable elements can be dragged out of one `cdkDropList`
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update sortingDisabled within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig), and the [drag drop config API](https://material.angular.io/cdk/drag-drop/api#DragDropConfig).
313
+
Alternatively, you can modify the `CDK_DRAG_CONFIG` injection token to update sortingDisabled within the config. For more information see the [dependency injection guide](https://angular.dev/guide/di), [drag config injection token API](api/cdk/drag-drop/CDK_DRAG_CONFIG), and the [drag drop config API](api/cdk/drag-drop/DragDropConfig).
Copy file name to clipboardExpand all lines: adev/src/content/guide/testing/component-harnesses-overview.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -28,4 +28,4 @@ Many developers can be categorized by one of the following developer type catego
28
28
| Component harness authors | Developers who maintain some reusable Angular components and want to create a test harness for its users to use in their tests. For example, an author of a third party Angular component library or a developer who maintains a set of common components for a large Angular application. |[Creating component harnesses for your components](guide/testing/creating-component-harnesses)|
29
29
| Harness environment authors | Developers who want to add support for using component harnesses in additional testing environments. For information on supported testing environments out-of-the-box, see the [test harness environments and loaders](guide/testing/using-component-harnesses#test-harness-environments-and-loaders). |[Adding support for additional testing environments](guide/testing/component-harnesses-testing-environments)|
30
30
31
-
For the full API reference, please see the [Angular CDK's component harness API reference page](/api/cdk/testing/AsyncOptionPredicate).
31
+
For the full API reference, please see the [Angular CDK's component harness API reference page](/api#angular_cdk_testing).
0 commit comments