腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
CSS
flexbox
中
的
Angular
CDK
拖放
问题
angular
、
flexbox
、
drag-and-drop
、
angular-cdk
我在使用
Angular
CDK
中
的
拖放
模块时遇到了一个
问题
。我在一个容器div中使用它,该容器div具有以下
CSS
属性: display: flex; flex-wrap: wrap; 这里有flex_wrap属性,这样如果包含
的
可拖动元素不适合容器,它们就会换成第二行由于拖动是水平
的
(cdkDropListOrientation="horizontal"),当所有元素都适合在一行
中
时,这很好用,
浏览 89
提问于2019-01-24
得票数 12
回答已采纳
1
回答
如何使用
angular
材质放置内联div?
angular
我尝试将内联div放在第一行
中
。我没能内联它们。 如果有人能告诉我如何做,我将不胜感激。下面是stackblitz示例:https://stackblitz.com/edit/
angular
-ry9yry <mat-grid-list cols = "4" rowHeight = "80px
浏览 6
提问于2019-04-06
得票数 0
回答已采纳
1
回答
角质材料
拖放
柔性箱尺寸在跌落
中
丢失
angular
、
angular-material
、
drag-and-drop
、
angular-flex-layout
我试图添加
拖放
能力到我
的
名单使用角材料
CDK
拖放
。然而,当我删除一个项目时,它
的
柔性盒对齐就会丢失,并且它
的
显示方式也会有所不同。最上面的项目是在它被丢弃之后,而底部是之前。我发现了几个可能相关
的
问题
: 任何帮助都很感激。
浏览 3
提问于2020-05-14
得票数 1
回答已采纳
1
回答
拖放
干扰滚动角度7
CDK
angular
我有一个
Angular
7应用程序,并在其中
拖放
angular
cdk
以重新排列列表。
拖放
工作正常,但它不能自动滚动div容器。有没有办法在不更新
angular
/
cdk
版本
的
情况下让自动滚动工作,按照这个链接StackBlitz:
浏览 17
提问于2020-06-02
得票数 0
2
回答
拖放
在@角/
cdk
中
找不到
angular
、
drag-and-drop
、
angular-material
、
angular-cdk
、
angular-dragdrop
我试图在我
的
角6应用程序
中
添加
拖放
功能,我试图使用角材料,我想使用。我遵循了指令,但我无法使用“@ar角/
cdk
/
拖放
”,我试着安装了下面的软件包
拖放
在我
的
项目中是不可用
浏览 0
提问于2019-03-23
得票数 7
回答已采纳
2
回答
@
angular
/
cdk
/overlay全局和居中位置不起作用
angular
、
angular-cdk
我正在尝试使用新
的
@
angular
/
cdk
,但位置策略似乎不起作用,只想显示一个以背景为中心
的
模式,我知道我可以为窗格设置一个类,并在那里设置固定
的
位置,但在这种情况下,我不知道什么是positionStrategy配置,我想尽可能地适应@
angular
/
cdk
的
功能。
浏览 31
提问于2018-07-24
得票数 0
回答已采纳
4
回答
过滤时使用transferArrayItem指向错误索引号
的
角度
拖放
(工作示例)
angular
、
angular-material
我正在尝试使用拖动材质
CDK
过滤项目列表...当我
的
列表没有被过滤时,一切都运行得很好,但是当我过滤它,并
拖放
时,我在
拖放
上得到了错误
的
项目(错误
的
索引),我创建了一个工作示例,正如你所看到
的
,通过"av“进行过滤,并将鳄梨拖到
拖放
区域,当索引引用旧
的
数据源时,你将得到胡萝卜,任何想法都是值得感谢
的
, 下面是这个
问题
的
一个工作示例:https://st
浏览 37
提问于2019-10-25
得票数 3
回答已采纳
2
回答
角7减阻换向元件
angular
、
drag-and-drop
、
angular-material
我试图使用新
的
角7
CDK
拖放
来移动元素列表。但是没有找到任何交换元素
的
选项,给出
的
所有示例都是用于对元素排序
的
。
cdk
-drag-drop-sorting-example.htm <div cdkDropList class="example-list" (cdkDropListDropped)="drop($eventimport {Component} from '@
angular
/core
浏览 0
提问于2019-06-19
得票数 6
1
回答
如何使用
angular
接受/拒绝drop
angular
、
drag-and-drop
关于
angular
的
cdk
包
的
问题
:只有当
拖放
条件为真时,我才会将红色div "drag me“(如下所示)
拖放
到蓝色
拖放
区域。app.component.html import { Component }
浏览 2
提问于2019-04-01
得票数 1
2
回答
Angular
7安装和使用无材料
拖放
angular
、
typescript
我正在为一个项目使用
Angular
7,并且我想使用
拖放
功能。话虽如此,我在这里有什么选择?如果不安装
Angular
Material,我可以不安装drag n drop功能吗? 如果是这样,我最好
的
选择是什么?
浏览 0
提问于2019-01-31
得票数 4
1
回答
如何在不卸载角度材质
的
情况下停用角度主题?
angular
、
angular-material
、
themes
、
theming
我一直在控制台中得到这个,我觉得应用程序也有点慢…… 我怎么才能摆脱这个? ?
浏览 24
提问于2021-09-16
得票数 0
1
回答
Angular
CDK
拖放
-捕捉到网格
angular
、
angular-cdk
、
angular-cdk-drag-drop
我正在尝试使用
Angular
的
CDK
拖放
功能,它工作得很好,但是我找不到关于如何捕捉到网格
的
文档。 我发现了一个GitHub
问题
,该
问题
表明已经添加了此功能。这就是我想通过
CDK
的
拖放
来实现
的
。
浏览 68
提问于2021-02-10
得票数 3
4
回答
如何限制
拖放
容器在角度材料
拖放
特征
中
只接受一项
angular
、
angular-material
、
angular-dragdrop
当使用@
angular
/
cdk
/ Drag -drop模块(
Angular
材质
拖放
)...有没有办法限制drop容器,使其只接受一个值而不是多个值?我正在使用
的
标准示例代码来实现,但是找不到可以限制
拖放
项目数量
的
解决方案,第二,找不到保持拖拽列表相同
的
解决方案(拖拽
的
项目将留在
拖放
容器
中
),因此您可以复制项目而不是移动项目到
拖放
容器。example-box&qu
浏览 9
提问于2019-11-27
得票数 4
2
回答
角7-带母可下垂容器
的
拖拽
angular
、
typescript
、
drag-and-drop
、
angular-material
、
angular-cdk
我正在尝试使用新
的
角7
CDK
拖放
来移动我
的
站点中动态添加
的
元素列表。也许我缺
浏览 0
提问于2018-10-29
得票数 0
2
回答
在
angular
7
中
拖放
angular
、
drag-and-drop
、
angular7
、
angulardraganddroplists
如何从扩展面板
中
拖放
元素,元素应该显示在扩展面板
中
,即使它被
拖放
。我需要7号角
的
代码。我试图
拖放
列表
中
的
元素,但拖拽后
的
元素不会显示在列表
中
。from '@
angular
/
cdk
/drag-drop'; * @title Drag&Drop connec
浏览 9
提问于2019-09-19
得票数 0
1
回答
使用@角/
cdk
/
拖放
触发dragOver事件
angular
、
angular-material
、
drag-and-drop
我在应用程序中使用@
angular
/
cdk
/drag-drop模块。
拖放
按预期工作,但当
拖放
项位于
拖放
区域
的
顶部时,我想要执行一些操作。</span> console.log('ondragover');在@
angular
/
cdk
/drag-drop中有任何内置
的
方法来实现这
浏览 6
提问于2020-07-05
得票数 2
回答已采纳
2
回答
CDK
覆盖定位/
CDK
容器不占用全屏空间
angular
、
overlay
、
angular-cdk
我正在尝试用角
CDK
构建一个可重用
的
工具提示指令。下面是一个简单
的
演示实现: 然而,我
的
定位不能正确地工作。角
cdk
覆盖容器在目标元素下面打开,并且将其相对于指令主机元素定位不起作用。
浏览 4
提问于2020-08-08
得票数 1
2
回答
角度虚拟滚动错误:视图销毁错误:尝试使用损坏
的
视图:检测到更改
javascript
、
angular
、
typescript
、
angular-material
我在一个mat-radio元素
的
触发器打开
的
sidenav中使用了来自
cdk
的
虚拟滚动,这是关于代码
的
: ts - ..._options = this.options;} 模板- <
cdk
-virtual-scroll-viewport itemSize="30" class="scroll-viewport"> 当然还有适当
的
css
。任何时候,当上面的组件因为一个已知
的
浏览 10
提问于2019-09-25
得票数 0
1
回答
在材质对话框(角度材质
CDK
)上
拖放
不起作用。错误
的
前一个索引和当前索引
angular
、
angular-material2
、
angular-cdk
、
angular-material-7
我用一个按钮打开一个角度对话框来显示所有的主题,在对话框
中
我列出了该主题
的
所有颜色,这些颜色可以重新排序@
angular
/
cdk
/drag-drop。 如果我有一个只有2-4个主题
的
列表。我能够重新排序所有的颜色为每个主题没有
问题
。但是如果我有一个包含20-30个主题
的
列表。只有第一个主题可以正常工作,我可以打开对话框并重新排序项目,但如果我选择了最后一个项目,
拖放
不起作用。我尝试调试该错误,发现当重新排序不起作用时,前一个索引和当
浏览 15
提问于2019-04-24
得票数 9
2
回答
如何正确设置角
拖放
?
angular
、
typescript
、
drag-and-drop
、
angular-cdk
、
angular-cdk-drag-drop
看我
的
脚步从‘@/
cdk
/
拖放
’导入{ DragDropModule }
的
app.module.ts ->
中
的
;以及导入:->import { Component, OnInit } from '@
angular
/core'; import { CdkDragDrop, mov
浏览 1
提问于2020-08-28
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Angular 7支持虚拟滚动、拖放、CLI Prompts等特性
项目中使用的前端组件总结
最受用户喜爱的JavaScript和CSS 开源库
Angular5.1新版本以及更多可用功能
开源巨献:年度最佳 JavaScript和CSS 开源库推荐!
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券