angular-cdk相关内容
我目前正在开发一个组件，该组件使用材料 2 表来显示一些数据.我需要能够编写自定义过滤器操作(例如价格 > 1)并组合多个过滤器.为了完成这项工作，我编写了一个自定义 filterPredicate: customFilterPredicate(data: Coin, filters: Predicate[]): boolean {var 运算符 = {'>=': 函数(a, b){返回 +a
..
我创建了一个图片库，并打算更改它们之间的位置.为此，我使用 Drag &删除 cdk 库. 我的问题是图像交换并不总是正确进行，有时我将第一张图像与第二张图像交换而这种交换不会发生. 我怎样才能在水平和垂直方向上拥有完整的功能? 有没有办法只有在图像存储在 mdc-image-list - with-text-protection 类时才能开始拖动? 谢谢！ 演示
..
我使用 CDK Material 拖放实用程序来创建启用拖放功能的表单编辑器. 它工作正常，但在 cdkDropListGroup 中嵌套 cdkDropList 不起作用.我无法将任何内容拖入嵌套的下拉列表容器.
...
..
在我的 Angular 应用中，我使用了 Angular Material 的自动完成功能: 它工作正常，除非我滚动页面: 基本上滚动时下拉菜单没有固定在它的位置，我不知道为什么. 在官方的 Material 文档页面中，通过自动更新元素的 top 和 left 属性，效果很好.但是，这不会发生在我的应用中. 解决方案 经过一番研究，我找到了 omaracrystal 在
..
我有多个可拖动列表连接到多个放置区域，但是需要根据应用程序内已设置的变量来限制可以拖动的项目.例如，如果我有以下内容: this.maxVirtuePts = 10;this.reqSocialStatus = false;this.allowedTheGift = true;this.maxHermeticMajorVirtue = 1; 对于maxVirtuePts，如何将放置区域中的
..
我正在使用泳道创建一个简单的董事会界面，认为是Jira swimlane或trello董事会 cdkDropListConnectedTo 将项目从“待办事项"拖到“进行中"，从“进行中"拖到“完成"，再从“完成"拖回“待办事项". 我想知道的是，谁可以将项目从“完成"移动到“待办事项"和“进行中"，同样如何将项目从“进行中"移动到“完成"和“待办事项"从“完成"到“进行中"和“待办事
..
我创建了两个div，一个包含图片，另一个为空.我想将该图像从一个div拖放到另一个div.在这里，我使用的是cdk拖放和cdkDragFreeDragPosition属性，但我对此不太满意，因为我正在寻找类似这样的内容 cdk-drag允许将元素从数组1交换到数组2.是的，而是做类似的事情 interchange
..
我试图在Angular Material 9中结合 mat-dialog 和 drag-drop . dialog.html 是:
..
我正在处理大数据表，并且如果要使用虚拟滚动或标准解决方案，则需要有机会设置动态设置.在我的原型上，我使用* ngIf并为标准正文和cdk虚拟滚动虚拟机副本视图复制了视图.是否有可能仅禁用虚拟滚动，而无需为备用视图构建其他组件?预先感谢！ 解决方案 我相信您正在根据条件添加虚拟滚动指令.在这种情况下，目前无法完成.没有方法，无法根据条件将指令添加到元素.它必须静态绑定到HTML才能定义其行为
..
我有以下服务 @Injectable()导出类PService {private loadPComponent:ComponentPortal
..
我有一个像这样实现的全局加载器: CoreModule: router.events.pipe(过滤器(x => x NavigationOf的instance)).subscribe(()=> loaderService.show());router.events.pipe(过滤器(x => x instanceof NavigationEnd || x instanceof Navi
..
我有一个表显示了很多行，我想优化它的性能.我已经找到了使用虚拟滚动技术的解决方案.这是 Angular Material CDK Vritual Scroll Viewport Component 已经找到一个简单的 div :
..
是否有人能够在mat-select内部使用虚拟滚动，如下所示?
..
所以我想在Angular中制作我的《 Battleships》游戏版本，并且需要一个10x10的矩阵，可以在其中拖放船只(如果您玩过游戏，您就知道我在说什么)，我我正在使用Angular Cdk，但我根本无法使它工作. 到目前为止，我已经尝试过使用divs制作表格，将元素放在一边，然后将它们拖放到板上，但是我无法连接这两个数组，因为船的数组不是嵌套的，而板子是嵌套的. 编辑:这是sta
..
先决条件:嵌套可滚动div中的cdk可拖动元素 (请参见示例 https://stackblitz .com/edit/angular-7y19nm?file = app/cdk-drag-drop-sorting-example.html ) 如何复制:开始拖动项目->滚动页面->不滚动时再拖动项目 效果:项目占位符停留在错误的位置，基本上不可能将项目拖到视口之外的任何地方.
..
我正在尝试使用CDK中的“角度拖放”来实现带有可拖动元素的基本边栏，用户可以在其中将它们拖放到“内容”区域中的任何位置。意思是，这些元素最终应该绝对定位，并且应该能够生活在用户想要的任何位置，包括彼此重叠。 我正在尝试使用cdkDropListConnectedTo使用cdkDropList。我主要在此处工作，但是您会看到将多个项目拖到内容区域时，先前的项目会跳来跳去。我希望用户能够在内容区
..
我正在尝试创建一个水平可拖动列表，其中应包含可编辑的项目。为此，我使用的是cdk软件包，没有材料，属性为 [contentEditable] ='true'。但是项目不可编辑。我如何使其正常工作？
..
我是棱角分明的材质拖放的新手. 我的应用程序正在使用n元树，并且由于我不知道它的先验形式，因此我不得不使用递归模板来表示它. 最近几天，我一直在尝试使用Angular材质拖放来对同级对象进行排序.如果我删除根节点，一切都很好，但是我不能删除根节点，因为我需要它来遍历树以进行其他操作. Bellow是树的简化形式.实际上，树可以有更多的树枝和树叶，但我想保持简单. n元树的J
..
此 STACKBLITZ (SB)显示了问题所在. CSS类.WHYYYYY显示了我面临的“两个"问题. 为了使鼠标菜单悬停打开，我需要设置z-index:1050;(参考2 hacky解决方法 ). 这会导致“对话框雾"出现问题. (点击按钮-> SB) 我发现覆盖层的默认"z索引为1000" 似乎我有两种解决方法. 赋予雾度更高的z-index(hack hack)
..
我正在尝试使用 https://material的Angular Material CDK DragDrop模块.angular.io/cdk/drag-drop/overview 通过cdkDropListDropped事件，我可以防止拖放，但也不应将其拖动.如何告诉cdkDropList或每个cdkDrag元素禁用拖动?
..
