【问题标题】:Angular Drag and Drop with Layout Option带布局选项的角度拖放
【发布时间】:2020-01-12 15:59:48
【问题描述】:

我正在使用 angular material cdk 来实现拖放功能。

但安排没有限制。 (像网格一样并排拖放字段)

我可以设置布局选项并允许在该布局区域上拖放元素吗?

我们可以即时进行此操作,以便用户可以设置他的布局并拖动所需的字段。

【问题讨论】:

    标签: angular layout drag-and-drop draggable


    【解决方案1】:

    当对象进入布局时,您需要使用拖放的方法来捕捉它。然后你可以使用 *ngFor 和 bootstrap 来制作你想要的网格。我可以在今天晚些时候做一个例子,所以可以看看我在说什么。

    还有在该区域内拖放的选项,它将更新对象数组,如果需要,您可以使用复选框来否定对象的更改。

    编辑2:

    这里是 Stackblitz 网址:https://stackblitz.com/edit/angular-kwbp3q 您可以使用 ngIf 切换网格,使其正常工作

    【讨论】:

    • 是的,让我为你准备一个 Stackblitz
    • 我添加了 stackblitz,请告诉我这是否是您所期望的
    • 很好,现在您将字段保留为每行 2 列。在某些情况下,我可能有 2 列,在某些情况下,我有 1 列,在哪里定义,请指导我。
    • 我有点坚持,但我刚刚找到了解决方案,我会在几秒钟内更新 stackblitz,希望这种方法对你有用
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-26
    相关资源
    最近更新 更多