腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
CdkDropList
中
不存在
已
弃
用
的
CdkDropList
enter
angular
、
typescript
、
angular-material
、
drag-and-drop
、
angular-cdk-drag-drop
cdkDropList
中
的
enter
已不复存在,所以我
的
代码 this.placeholder.
enter
(drag, drag.element.nativeElement.offsetLeft, drag.element.nativeElement.offsetTop这是一个使用不推荐使用
的
enter
函数https://stackblitz.com/edit/angular-dragdrop-grid-pnyd
浏览 52
提问于2020-07-30
得票数 12
2
回答
角度拖放传递附加参数以输入谓词
angular
、
drag-and-drop
、
angular-cdk
在我
的
角度拖放列表
中
,我想向"cdkDropListEnterPredicate“函数传递一个额外
的
参数。默认情况下,它会发送一个CdkDrag和
CdkDropList
,但我有几个下拉列表,所以我只想为它们提供一个
enter
predicate函数。这是我
的
.html文件: <div class="players" [cdkDropListEnterPredicate]="filledPosition(drag, drop, '1&
浏览 31
提问于2019-02-02
得票数 1
2
回答
为什么
cdkDropList
元素不能有条件地使用*ngIf隐藏?有解决办法吗?
angular
、
angular-material
、
angular-cdk
、
angular-cdk-drag-drop
但是,我希望它们
中
的
一个隐藏在特定
的
条件下,由角分量
的
.ts文件
中
的
一个函数定义。下面是我想要做
的
HTML代码片段:
cdkDropList
[cdkDropListData]="weisenListhorizontal_card" src="assets/french
浏览 11
提问于2022-11-01
得票数 0
回答已采纳
6
回答
如何使用angular cdk v7.0.0+在
CdkDropList
中
禁用排序
angular
、
typescript
、
drag-and-drop
、
angular-cdk
我正在创建两个
CdkDropList
对象,拖放功能运行良好,我
的
问题是,当我在第一个列表
中
拖动时,我想禁用排序。假设我有列表A和列表B。我从A拖动到B,当我在列表A上时,我想禁用排序。
浏览 2
提问于2018-11-20
得票数 5
3
回答
如何在组件之间使用Angular 7
cdkDropList
?
angular
、
drag-and-drop
、
angular-material
、
angular7
我在屏幕左侧
的
mat-list组件中有一个项目(学生)列表(常规列表)。我
的
屏幕右侧也有一个教室组件
的
列表。在每个教室组件
中
,都有一个学生名单。我希望能够使用新
的
将学生从常规列表拖到任何教室组件
中
包含
的
学生列表之一<mat-list #studentsList="
cdkDropList
"
cdkDropList
[cdkDropListData<app-class-room *ngF
浏览 0
提问于2018-10-30
得票数 5
回答已采纳
3
回答
可滚动div
中
的
自动滚动丢失区域
angular
、
drag-and-drop
、
autoscroll
、
scrollable
、
angular-cdk
因此,我在沙箱
中
工作,以模拟应用程序
的
环境,我希望实现这个拖放。不好意思,这么多话,但我真的想确保我正确地解释问题,因为我已经看到了几个旧
的
帖子,在这个问题上,要么没有回答或回答错误
的
问题。div,并带有溢出-y:滚动(这就是我要做
的
),那么它需要在
cdkDropList
级别。我编写了自己
的
自动滚动功能,它根据鼠标的屏幕位置滚动div,当一个元素被拖动时,我得到了这个功能,但最大
的
问题是,一旦开始滚动,您就失去了在列表
中
删除项
浏览 2
提问于2020-02-18
得票数 4
1
回答
拖放和调整大小是重叠
的
。
css
、
angular
、
typescript
、
angular-material
、
angular9
我试图结合从角材料拖放和调整大小
的
表格,但是,目前,两者是重叠
的
。我想要
的
是,一旦拖放开始,大小调整将被取消,反之亦然。任何帮助都是有用
的
。谢谢!以下是回购程序:
浏览 2
提问于2021-11-17
得票数 0
回答已采纳
2
回答
我很难让cdkDragDrop把检查器放到新
的
位置
javascript
、
angular
、
angular-cdk-drag-drop
如果我拿掉
cdkDropList
,检查器就会移动并保持在我移动
的
位置。如果我添加
cdkDropList
,它就会移动,然后回到原来
的
位置。我需要保留
cdkDropList
,以便能够获得event.containter.data和event.previousContainer.data。任何关于如何修复它
的
想法都将不胜感激。<div *ngFor="let item of items;let i=index"> <div id={{ite
浏览 8
提问于2022-07-24
得票数 0
2
回答
使用角拖放图像图标
html
、
angular
、
typescript
、
drag-and-drop
我
用
角度设计了一个网格。我将从图像列表
中
拖动一些图像,并将它们放到网格块
中
。下面是我附上
的
设计这是我
的
打字码if (event.previousContainerevent.previousIndex, );}<div class="row"
浏览 13
提问于2022-01-05
得票数 1
回答已采纳
1
回答
如何更新角
cdkDropList
的
位置?
angular
、
typescript
、
angular-cdk-drag-drop
不知何故,
cdkDropList
的
“拖放区域”
的
位置在我给它动画时不会更新它。我想做什么 动画工作正常,但是当我将Item拖到Bin
中
时,Bin就不被识别了。我所说
的
“不被识别”
的
意思是,cdkDro
浏览 4
提问于2020-08-12
得票数 1
回答已采纳
1
回答
如何为角材料提供混合方向拖放v10
angular-material
、
drag-and-drop
我使用
的
是Material drag e drop,他们不允许拖放
的
混合方向,所以为了在两个方向上都使用它,我使用了这个workaround。但在上一个版本
中
,他们删除了
CdkDropList
.
enter
方法。 那么现在我怎样才能达到和以前一样
的
效果呢?
浏览 13
提问于2020-07-24
得票数 2
回答已采纳
1
回答
角质材料:不能落在动态产生
的
液滴上。
angular
、
angular-material-6
、
angular-material-7
由于某些原因(阅读:无法创建多个组件),我必须在我
的
应用程序
中
创建能够充当drop元素
的
部分。链接到示例代码- 无法创建多个组件 然而,我
用
非典型性
的
方式用上显示
的
示例来编写,但是,相同
的
文档会在本机元素
中
宣传createDropList()
的
功能。我觉得我错过了一些重要
的
步骤,比如在某个地方注册它,或者连接到另一个DropList,这样角质材料就可以识别或识别它。我不能创建单个组件(例如
浏览 5
提问于2019-12-11
得票数 3
2
回答
TypeError:无法读取未定义
的
属性“bar”
javascript
、
angular
、
typescript
、
d3.js
、
svg
我有一个包含数据
的
表,它是可拖动
的
。表旁边有两个dropbox被拖出
的
数据,从表
中
可以下垂到box.On把数据丢到盒子里,条形图应该显示出来。这是我
的
home.component.html <!--Drag Function-->
cdkDropList
#productList="<em
浏览 1
提问于2019-01-30
得票数 0
回答已采纳
2
回答
动态HTML容器
javascript
、
angular
、
typescript
、
angular7
我需要创建动态html,我有一个输入文本,我想在其中放置一个名称,当按
enter
时,将创建一个容器 容器
的
标题 <span><i class="fas fa-users"></i> Grupo de#pendingList1="
cdkDropList
" [cdkDropListData]="terapeutasgrupouno" [cdkDropListConnectedTo]="[pendingList3="fa
浏览 20
提问于2019-04-23
得票数 0
2
回答
如何从角8
中
的
拖放容器
中
求值
drag-and-drop
、
angular8
我试图从angular8拖放
中
获取值,但问题是,很明显,我只能在拖放事件之后获得值。问题是,我没有找到区分哪个是当前容器
的
方法。我试着
用
这样
的
方式来区分集装箱:if (event.container.id = 'cdk-drop-list-0') { <div <
浏览 4
提问于2019-08-08
得票数 0
1
回答
角度嵌套拖放到另一个列表
中
angular
、
angular-material
、
drag-and-drop
、
angular-cdk
我有一个场景,我需要将一个功能放到相应
的
项目中。所以,在这里我使用angular-material进行拖放,但它将特征放在项目之外,我想在项目内部插入特征。file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-example.html[
enter
](https://stackblitz.com/edit/angular
浏览 23
提问于2021-04-03
得票数 0
回答已采纳
2
回答
角材料拖放-不同
的
物体类型
angular
、
drag-and-drop
、
angular-material
我正在构建一个购物车,并希望能够将产品列表
中
的
项目拖放到购物车
中
,并将它们添加到购物车
的
“项目”
中
。产品更像技术服务,所以我不想用术语服务.所以你会在模特身上看到“小时”。我能够渲染这两个列表,并将产品拖放到购物车
中
。当然,购物车包含CartItems,它包含产品
的
“快照”。很明显,这不像我们想要
的
那样有效。 我
的
问题是:我怎样才能用拖放来完成这个任务?我也认识到,我处理这个问题
的
全部方法可能是错误
的</em
浏览 1
提问于2020-01-27
得票数 3
回答已采纳
1
回答
如何将项目从列表
中
拖放到区域中,但保留其放置位置
angular
、
angular-material
这是我能得到
的
最接近
的
了。<div class="wid-drawer" #widgetDrawer="
cdkDropList
" cdkD
浏览 3
提问于2021-04-23
得票数 0
回答已采纳
1
回答
cdkDropListSortingDisabled属性不能绑定,因为它是
cdkDropList
指令中一个未知
的
属性。角质材料
angular
、
angular-material2
、
angular-directive
、
angular-cdk
、
angular-dragdrop
所以我想实现一个
用
例,我想使用拖放将一些数据从一个区域(div)复制到另一个区域,通过在网上冲浪我发现通过使用
cdkDropList
API,角/物质2可以完成工作。问题是,液滴总是被排序,相反,我希望我
的
拖放组件在drop区域内自由,但是
cdkDropList
强制在区域中排序。因此,我开始在互联网上搜索get
的
一些解决方案,我发现一些博客谈到了cdkDrop指令组件,但我想它不受支持,因为我在ar角/ GitHub 2
的
GitHub回购
中
没有找到这
浏览 1
提问于2019-03-12
得票数 4
5
回答
如何使用Angular7 (角材料)两个部件之间
的
阻力降
angular
、
drag-and-drop
、
angular-material
、
angular7
、
angular-cdk
所有示例都是在一个组件
中
描述
的
。如何在两个不同
的
组件中使用它,拖动一个组件项并放到另一个组件
中
。
浏览 1
提问于2018-11-21
得票数 35
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
你还不知道的Chrome浏览器键盘快捷键,用起来简直不要太爽啦!
pytest的内置插件盘点18. nose
加班小白们速来,Excel神操作可以帮助你提高工作效率!
Django 3.1发布,支持异步 view 和 middleware
苹果弃用 OpenCL 和 OpenGL ,OpenCL 或遭全面淘汰
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券