我有一个生成的div，我想在其中添加拖放。 在HTML中，它是这样的： (div) cdkdrag ...(/div) 但是当我的组件生成时，我想做一些类似的事情，但不知道如何做： let myDiv = document.createElement('div');
"myDiv.cdkDrag...???如果有人知道这是不是可能的以及如何实现的？ HTML
浏览 24提问于2019-08-27得票数 0
4回答
我要做一个有角度的东西。我在应用模块中导入了DragDropModule。我正在应用cdkDrag在ngFor中。<div *ngIf="messages.length" > *ngFor="let message of messages" cdkDrag> </div>
</
浏览 3提问于2019-06-03得票数 6
回答已采纳
我在扩展角的拖放功能 <div cdkDrag>item 1</div> <div cdkDrag>item 3</div>我的appEnhancedDropList指令需要访问包含在cdkDropL
浏览 6提问于2022-05-12得票数 1
5回答
这是我之前问过的问题的延续：
我是动态创建组件的按钮点击。组件以类似于列表的方式显示在另一个组件下面。我想引入拖放行为，以便用户在创建组件后可以重新排列它们。在前一个问题中，我尝试使用角度材料，但意识到可能不可能将它用于组件，因为在组件的选择器标签中添加" cdkDrag“指令，以及cdkDropList和cd
浏览 0提问于2019-05-13得票数 3
回答已采纳
用户将单击并将不同的组件添加到页面中，这将向"component“变量中添加条目，如下所示： Component1示例： const childComponent = this.componentFactoryResolver.resolveComponentFactory然后，我在HTML中动态地、有条件地创建组件，如下所示： <div cdkDropList class="example-list&quo
浏览 16提问于2019-05-14得票数 2
回答已采纳
大家早上好，我正在尝试在一个Angular自定义组件中使用cdkDrag指令来使其成为可拖动的，但没有成功。我用cdkDrag指令将它封装在一个div中，但什么也没有发生： <div cdkDrag>
<my-custom-component></my-custom-component></div> 我尝试在div中应用"inline-bl
浏览 29提问于2020-07-16得票数 1
1回答
是否可以使用setAttribute()向DOM元素添加指令？ I can only be dragged within the dotted container据我理解，拖动功能通过cdkDrag属性指令工作。当我试图通过setAttribute()添加这个指令时，这个指令不起作用
constr
浏览 2提问于2021-08-29得票数 2
1回答
根据Angular CDK Drag Drop ，所有可丢弃的项都应该使用*ngFor指令来编写，迭代通过一个数组。但是如果我想让项目成为可丢弃的是angular组件呢？使它们可丢弃的过程是什么？例如，下面的代码将呈现一个普通的droppable div。如果我想在第二行渲染多个角度组件怎么办。在这种情况下，我不能使用*ngFor指令，因为每个角度分量都非常不同，并且我不能将它们保存在任何数组中。><&#
浏览 12提问于2019-11-19得票数 2
2回答
角7-带母可下垂容器的拖拽
、、、、
我正在尝试使用新的角7 CDK拖放来移动我的站点中动态添加的元素列表。
使用 (摘自角度文档示例并根据我的需要进行了修改)，您可以看到我有一个带有可下垂容器的元素列表。问题是，当从另一个组件生成可拖放元素时，它们不会将父可下垂作为引用的可下垂容器使用。相反，CDK拖放对象中的可下垂容器属性是null。我尝试将cdkDragRootElement属性设置为CdkDrag</e
浏览 0提问于2018-10-29得票数 0
我正在尝试使用div元素标签，并使其行为类似于css的文本区域。id="textarea" contenteditable>I look like a textarea</div> ---- card.component.html<div cdkDrag class="col-sm-12 px-2 pb-2">
<app-card (
浏览 1提问于2020-03-31得票数 4
我找到了 stackblitz例子，使用角cdk将拖放添加到一个垫子表中。但是，所需的行为是，行只能使用带有cdkDragHandle指令的元素进行拖动。在本例中，您可以通过单击行上的任何位置来拖动元素。如何修改这一点，使行只能使用拖动句柄进行拖动？
浏览 10提问于2019-03-06得票数 9
回答已采纳
2回答
我有一个组件，它使用一个mat选项卡组，包含多个mat选项卡对象。在查找如何向列表中添加拖放功能时，主要的答案似乎是在cdkDropList和cdkDrag对象中使用div。我尝试将cdkDropList标记添加到mat选项卡组中，并将cdkDrag添加到mat选项卡中，但结果似乎忽略了拖放功能。有什么办法让这件事成功吗，还是我只是胡扯错了？下面是这个问题的一个例子。
浏览 8提问于2022-09-27得票数 0
我们希望使用带有ComponentFactoryResolver和ViewContainerRef的自定义指令将ComponentFactoryResolver组件动态添加到反应性表单中。问题是，我们不能将一个formControlName分配给动态添加的组件，也不能从组件中获取访问器值。我们尝试了几个不同的选项，但没有一个选项对我们有效(直接将
浏览 0提问于2017-05-25得票数 7
回答已采纳
我有一个带有SVG元素的组件，我试图将SVG的各个部分分离成不同的组件。嵌套组件需要从父组件动态创建，这是因为我正在从json文件构建整个SVG图形，该文件确定需要添加哪些嵌套组件(SVG嵌套形状)。为了动态地创建组件，我使用了ComponentFactoryResolver和@ar角/core中的ViewContainerRef
@C
浏览 5提问于2020-06-28得票数 5
3回答
可滚动div中的自动滚动丢失区域
、、、、
不幸的是，由于我的应用程序的组件体系结构，这是而不是的一个选项。我编写了自己的自动滚动功能，它根据鼠标的屏幕位置滚动div，当一个元素被拖动时，我得到了这个功能，但最大的问题是，一旦开始滚动，您就失去了在列表中删除项的能力。; padding: 5px;">
<app-child (itemSelected)="itemSelection($event)"></app-child>
浏览 2提问于2020-02-18得票数 4
1回答
我正在尝试用Typescript在Angular2中实现以下功能：但现在我有以下情况：
我已经有了组件，它们是动态加载的(例如，带有按钮、输入字段等的表单)。但是现在假设我想要其中一个组件有一个工
浏览 0提问于2017-03-17得票数 1
1回答
我正在开发一个应用程序，目前，我有一个动态网格生成器，它将屏幕上的空间划分为动态地容纳多个组件。因此，充电的组件必须在显示页面的角后呈现组件。为了实现这一点，我遵循了角度动态组件加载器指南()。因此，我所处的位置是必须呈现其他组件的组件，我有自己的自定义指令来呈现组件。我已经尝试将</
浏览 8提问于2021-06-18得票数 0
回答已采纳
3回答
我试图创建拖放到列表组件的角度拖放CDK，如下图所示，但组件没有正确显示。cdkDropListDropped)="drop($event)"> {{item}}
显示
浏览 8提问于2022-10-03得票数 0
回答已采纳
1回答
先决条件:嵌套可滚动div中的cdk可拖动元素(请参阅)
<div class="example-box" *ngFor="let movie of movies" cd
浏览 1提问于2019-09-02得票数 12
我正在尝试使用ng2-bootstrap tabs组件来生成动态标签。有人尝试过使用ng2- case?.All中的示例指向静态内容吗？我很难将组件链接到Tab指令
浏览 0提问于2016-11-03得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
