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

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不兼容嵌套，因为如果你设置了拖拽&在外部层上拖放，您的拖放无法到达内部嵌套层。

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

一旦你注入了服务

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

可以添加如下

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

，你可以通过调用

删除它

 this.dragulaService.destroy("yourdynamicbagname");

你需要单独导入dragula来自己初始化drake。