要恢复在cdkDrag容器中的HTML输入框内的文本选择的默认点击和拖拽行为,您可以使用Angular CDK的cdkDragHandle指令来实现。以下是一个示例解决方法:
首先,确保您已经安装了Angular CDK。可以通过运行以下命令来安装:
npm install @angular/cdk
接下来,在您的组件中导入cdkDragHandle指令:
import { CdkDragHandle } from '@angular/cdk/drag-drop';
然后,在您的HTML模板中添加cdkDragHandle指令到包含输入框的元素上:
最后,您可以在组件的CSS文件中自定义cdkDragHandle的样式,以使其看起来像默认的文本选择手柄:
.cdk-drag-handle {
cursor: text;
user-select: text;
-moz-user-select: text;
-webkit-user-select: text;
}
这样,当您点击文本输入框时,默认的文本选择和拖拽行为将会被恢复。
请注意,cdkDragHandle指令只能应用于拖拽容器内的特定元素,而不是整个容器本身。因此,您需要将cdkDragHandle指令添加到包含输入框的元素上,而不是整个容器。