程序员经验分享-hwhale

拖放：通过使用 copyArrayItem()，拖放的项目不应从开始数组中删除，同时放置 Angular 8

2023-11-30

我有一个项目列表，我可以从其中拖动项目并将其放入另一个列表中。我在用着复制数组项()Angular 中的方法不从前一个数组中删除该项目。

我开始拖动，该项目位于前一个数组中：该项目的占位符显示出来。

开始拖动，占位符出现

enter image description here

我要离开之前的数组：占位符/拖动的项目消失（我希望占位符/拖动的项目保留) -> 起始数组有负 1 项。

占位符消失，这是我不想要的

enter image description here I'm on the target array: a placeholder appears in a target array.

我正在删除该项目：项目现在出现在开始和目标数组中。


经过更多研究，我发现了一个关于该问题的开放问题：https://github.com/angular/components/issues/13906

在那里我找到了参与者的建议：

https://stackblitz.com/edit/angular-krmecd?file=src%2Fapp%2Fapp.component.ts

这个带有解决方法的示例帮助我解决了这个问题：

https://stackblitz.com/edit/angular-o8exzv-jauhhi?file=src%2Fapp%2f Cdk-drag-drop-connected-sorting-example.html

也许这些信息对某人有用。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

angularmaterial

angulardragdrop

拖放：通过使用 copyArrayItem()，拖放的项目不应从开始数组中删除，同时放置 Angular 8 的相关文章

  • 更改 Angular 材质下拉列表和文本的默认位置

    我试图将材质下拉面板的位置更改为下拉按钮的底部 并尝试将名称和箭头垂直居中到下拉区域 请浏览一下我想要实现的图像 div class dropDown div

  • NgxMatDatetimePicker 不可分配给 MatDatepickerBase 类型

    今天我使用创建了一个新的 Angular 项目角度 11 0 0 然后我安装了 angular material components datetime picker这是我的 package json 文件中读取的内容的一部分 angula

  • Angular 6：如何访问 mat-autocomplete 下拉列表中的所有选项值？

    给出 Angular 文档中的示例你可以在这里看到 https material angular io components autocomplete overview setting separate control and displa

  • 添加动态 formControl 时，所有必需输入字段的文本颜色更改为无效颜色

    每当我通过按钮单击添加动态 formControl 时 所需的所有输入字段都会将颜色更改为无效 红色 我的期望是 只有当输入被 触摸 时 表单字段才会更改为无效颜色 并且仅在特定的非全部 我不知道为什么会发生这种情况 我刚刚接触有角度和有角

  • 如何自定义垫选择选项组以允许角度中的嵌套值

    我正在自定义角度材质选择 自动完成以允许嵌套下拉菜单 在这里 我想要一个包含多个孩子的家长下拉菜单 如果我展开特定的父下拉列表 则只有该下拉列表的子项应该展开或折叠 同样 在同一场景中也应选择复选框事件 我面临两个问题 搜索 自动完成不起作

  • Mat-accordion 不是已知元素

    我正在开发一个 angular10 应用程序 我尝试在我的项目中使用 mat accordion 每个组件使用模块 每个组件都有自己的 module ts 文件 下面是我的模块文件代码 import NgModule from angula

  • 角材质 mat-table 中的 cdkDragHandle 没有效果

    我想知道是否可以有一个包含 mat icon 的单元格定义为 cdkDragHandle 目前它在整行上处于活动状态 但我只想将单个图标用作拖动手柄 这是我正在使用的代码的一部分

  • 如何更改 Angular 中 mat-dialog 的 Z 索引

    我的应用程序使用多个 mat dialogs 有时可能会同时显示 2 个 这会导致问题 因为第二个永远不会正确显示 而且它的模式使应用程序变得无用 经过更多研究后 我似乎可以通过调整 mat dialog 的 z index cdk ove

  • 如何访问角度材料弹出/对话框组件内组件的属性？

    我正在从我的组件中打开一个对话框 const dialogRef this dialog open DialogOverviewExampleDialog width 500px data DialogData dialogRef afte

  • Angular Material - 设置调色板

    我正在尝试结合材料设计建立一个 Angular 项目 我的 package json 的一部分如下所示 dependencies angular2 material button 2 0 0 alpha 3 angular2 materia

  • MatTabNavBar 不显示箭头

    我注意到 如果容器对于选项卡来说太小 MatTabNavBar 在显示箭头时的行为与常规 MatTabGroup 不同 我使用官方文档构建了MatTabNavBar和MatTabGroup 但是您可以在这里看到MatTabGroup显示了箭

  • 如何从点击事件中知道是否选择了垫选项？

    我有多个mat select并想知道是否mat option所单击的内容已被选择或取消选择 这 event target对象传递时 click 被解雇 没有selected我可以使用的属性

  • MatSort 未定义 - Angular 5

    我正在尝试在我的角度应用程序中实现材质表 分页和过滤器工作正常 但我无法对表格进行排序 我对 MatSort 的引用是未定义的 我确实将其导入到 AppModule 中 import MatTableModule from angular

  • Angular 2 材料垫片尺寸

    我有下面的代码

  • 垫子图标不显示图标

    我喜欢有角度的材料的设计 但使用它可能会很痛苦 该网站展示了一个使用的示例

  • 浮动标签和占位符重叠

    div class form group form default form spacing div

  • 编辑角度材质的表格单元格填充

    当我使用开发人员工具检查该元素时 它显示零填充 但是当我查看它并将鼠标悬停在它上面时 它非常清楚地在单元格内具有填充 我不知道这是从哪里来的 并且设置td padding 0 important 什么也没做 感知到的填充是由以下原因引起的d

  • 在 Angular 材质表上调用 renderRows()

    我试图在更新表中使用的数据后刷新我的 Angular 表 文档说 您可以通过调用其 renderRows 方法来触发对表的渲染行的更新 但它不像普通的子组件 我可以使用 ViewChild MatSort sort MatSort 因为我不

  • 如何以编程方式切换 Angular 材质扩展面板

    我刚刚开始从事 Angular 4 项目的材料设计工作 我目前正在研究扩展组件 API 规定 https material angular io components expansion overview that 用户无法切换禁用的扩展面

  • 角度材质自动完成力选择

    在我的 Angular 5 应用程序中 我有一些 matAutocomplete 但我想强制选择其中一个建议 所以我遵循这种方法 堆栈闪电战 https stackblitz com edit autocomplete force sele

随机推荐

  • 定型冷冻刷

    我似乎遇到了一些有关 WPF ResourceDictionaries 画笔和样式的行为 至少这是我到目前为止所注意到的 这与我对这些东西应该如何工作的理解相反 基本上 如果我使用 ResourceDictionary 中的样式引用 Set

  • mod_rewrite规则：如果URL包含某个字符串

    我的客户不断编辑网站中的导航结构 这导致了一些 mod rewrite 问题 我怎样才能制定这个规则 RewriteRule studios about studios artist noticeboard noticeboard2 php

  • Ubuntu Python 3 上的 Pygame

    我到处都找过了 我的具体问题没有答案 我有 Ubuntu 我想在 Python 3 上使用 pygame 我安装了pygame封装有 sudo apt get python pygame 但当我打字时它不起作用 import pygame

  • 如何检测纯文本中没有锚元素的链接

    如果用户在文本框中输入文本并保存它 然后再次添加更多文本 他可以编辑该文本并在需要时保存它 首先 如果用户输入带有某些链接的文本 我会检测到它们并将任何超链接转换为在新选项卡中链接 其次 如果用户想添加更多文本和链接 他单击编辑并添加它们并

  • 模式中带 & 不带“fixed”的 b/w str_detect 有什么区别？

    这是示例字符串 x lt My name is XYZ I m from ABc working at PQR 并想要检测字符串中的 并使用两种形式 gt str detect x 1 TRUE gt gt str detect x fix

  • Url.Action 参数？

    在我列出的控制器中 public ActionResult GetByList string name string contact var NameCollection Service GetByName name var Contact

  • 如何修复命令帮助已注册的discord.py

    我正在尝试向我的机器人添加帮助命令 但是当我运行代码时出现此错误 raise discord ClientException Command 0 name is already registered format command disco

  • Angularfire 2 错误：未为此 Firebase 启用指定的身份验证提供程序

    我正在创建一个简单的示例身份验证应用程序 使用 Ionic 2 和 angularfire 2 作为后端 当我尝试创建新用户时 它说 例外 错误 未捕获 承诺中 错误 指定的 未为此 Firebase 启用身份验证提供程序 But i al

  • Facebook Realtime API 中的验证令牌是什么

    我正在尝试使用我的应用程序实现 Facebook Realtime api 我想从我的 Facebook 页面 中提取提要 我已经获得了app access token app access token xxxxxxxxxxxxxxxxxx

  • 将 Chrome 本机消息连接到 Windows 上的现有实例

    我创建了一个 chrome 后台脚本和一个使用 python 运行的主机 通过执行 清单 中链接的 bat 文件来运行 一切都还不错 但据我所知 每次我使用 chrome 扩展连接到主机以进行本机消息传递时 我都会创建 python 实例并

  • 在大型数据集上有效计算分段回归

    我目前有一个很大的数据集 我需要计算分段回归 或以类似的方式拟合分段线性函数 然而 我既有一个很大的数据集 也有非常多的碎片 目前我有以下方法 Let si be the end of segment i Let xi yi denote

  • Elastic Search 嵌套对象查询

    我有一个如下所示的弹性搜索索引集合 index test type abc source file name xyz ex metadata format ex profile date value 2018 05 30T00 00 00

  • 雪豹、sqlite3-ruby

    所以我遵循了每一个建议这个线程 没有成功 我正在运行 os x 10 6 rails 2 3 3 ruby 1 9 1 当我尝试访问 Rails 应用程序的首页时仍然收到此错误 未初始化常量 SQLite3 Driver Native Dr

  • 如何将 Java Gradle 项目转换为 Dynamic Web 项目？

    我正在关注这篇文章 https www linkedin com pulse building jax rs project eclipse gradle neeraj malhotra 关于如何使用 Gradle 在 Eclipse 中构

  • 在 bash 中重定向 STDIN？

    举个例子 我想用密码登录mysql 我知道我可以使用 pmypass 但我想了解如何在 bash 中重定向标准输入 所以我的测试是 mysql u limited user p

  • 限制 NSURLConnection 数据速率？ （带宽限制）

    有没有办法限制 NSURLConnection 使用的带宽 或者我被迫使用 CFNetwork 方法 是的 但它并不漂亮 它的工作原理是这个邮件列表帖子 在后台线程上启动 NSURLConnection 您必须设置一个运行循环 睡个懒觉 c

  • 从 SourceSafe 迁移到 ClearCase 的最佳方式是什么？

    我们目前有一个丰富的 SourceSafe DB 里面有十年的代码 我们正在寻找一种简单且稳定的方法来将所有这些导入到新的 Clearcase Jazz 环境中 执行此操作的最佳方法是什么 是否有任何工具可以自动执行此操作 我知道这并不能直

  • Laravel - Sendgrid smtp 错误“不允许 550 未经身份验证的发件人”

    我正在关注使用 smtp 集成 Laravel Sendgrid发送电子邮件 我按照文档所述操作 所有凭据都与我的 sendgrid 凭据相同 但每当我尝试使用发送电子邮件时 Mail send mails demo data functi

  • 我应该如何让 Xcode 链接使用 C++ 静态库的 iOS 项目

    使用 Xcode 我编写了一个 Cocoa Touch 静态库 主要是用 C 编写的 它公开了一个 C 接口 以方便 Objective C 客户端代码 我有一个使用它的客户端 iOS 应用程序 一切都按预期运行 除了我发现我需要包含一个最

  • 拖放：通过使用 copyArrayItem()，拖放的项目不应从开始数组中删除，同时放置 Angular 8

    我有一个项目列表 我可以从其中拖动项目并将其放入另一个列表中 我在用着复制数组项 Angular 中的方法不从前一个数组中删除该项目 我开始拖动 该项目位于前一个数组中 该项目的占位符显示出来 开始拖动 占位符出现 我要离开之前的数组 占位

热门标签