带布局选项的角度拖放
Posted
技术标签:
【中文标题】带布局选项的角度拖放【英文标题】：Angular Drag and Drop with Layout Option 【发布时间】：2020-01-12 15:59:48 【问题描述】：我正在使用 angular material cdk 来实现拖放功能。
但安排没有限制。 （像网格一样并排拖放字段）
我可以设置布局选项并允许在该布局区域上拖放元素吗？
我们可以即时进行此操作，以便用户可以设置他的布局并拖动所需的字段。
【问题讨论】：
【参考方案1】：当对象进入布局时，您需要使用拖放的方法来捕捉它。然后你可以使用 *ngFor 和 bootstrap 来制作你想要的网格。我可以在今天晚些时候做一个例子，所以可以看看我在说什么。
还有在该区域内拖放的选项，它将更新对象数组，如果需要，您可以使用复选框来否定对象的更改。
编辑2：
这里是 Stackblitz 网址：https://stackblitz.com/edit/angular-kwbp3q 您可以使用 ngIf 切换网格，使其正常工作
【讨论】：
是的，让我为你准备一个 Stackblitz 我添加了 stackblitz，请告诉我这是否是您所期望的 很好，现在您将字段保留为每行 2 列。在某些情况下，我可能有 2 列，在某些情况下，我有 1 列，在哪里定义，请指导我。 我有点坚持，但我刚刚找到了解决方案，我会在几秒钟内更新 stackblitz，希望这种方法对你有用以上是关于带布局选项的角度拖放的主要内容，如果未能解决你的问题，请参考以下文章