Angular / 2：ng2-dragula - 创建动态嵌套元素

Question

我正在尝试使用ng2-dragula实现动态树。我正在使用有序列表进行显示，例如

<ol [dragula]='categories'>
    <li>
       Category One
       <ol [dragula]='categories'>
          <li>
              Category 1.1
          <li>
          <li>
              Category 1.2 
          <li>
       </ol>
    </li>
    <li>
       Category Two
    </li>
    <li>
       Category Three
    </li>
<ol>

向上/向下和向左拖动时解决方案工作正常，但我不能向右拖动，例如;我无法拖动“类别1.2”来创建“类别1.1.1”。

希望我有意义吗？创建嵌套“ol”元素的最佳方法是什么？

非常感谢

Answer 1

Dragula与嵌套不兼容，因为如果你设置拖动和放大放在外层，你的拖拽无法达到内部嵌套水平。

这个问题的一个可能的解决方案是提供一个按钮＆＃39;或类似的机制，以启用拖动和动态添加和删除dragula。

一旦注入了服务

student_id

可以添加如下

constructor(private dragulaService: DragulaService) {
    this.dragulaservice = dragulaService;
} 

您只需拨打

即可将其删除

let drake = dragula({
              containers: [document.getElementById(elementId)]
});
this.dragulaService.add("yourdynamicbagname", this.drake);

您需要单独导入dragula以自行初始化drake。