Angular 2 : ng2-dragula - nested dragula

Question

我需要在 AngularJS 2 中为下面嵌套的学生列表项使用嵌套的 ng-dragula。

学生 1 书 1 书2 第三册

学生 2 第四册 书5 书6

学生 3 书 7 书 8 书9

我必须拖放学生位置，我可以使用下面的代码来完成。

<div [dragula]='"student-bag"' [dragulaModel]='studentList'>
     <div class="row" *ngFor="let student of studentList; let stud = index">
        ...
     </div>
</div>

我必须在学生内部以及学生之间拖放书籍。如下所示。

学生 1 书 1 第三册 book2

学生 2 第四册 第5册

学生 3 书 7 第六册 书 8 书9

我试过下面的代码

<div [dragula]='"student-bag"' [dragulaModel]='studentList'>
     <div class="row" *ngFor="let student of studentList; let stud = index">
        ...
        <div [dragula]='"book-bag"' [dragulaModel]='student.books'>
             <div class="row" *ngFor="let book of student.books; let bk= index">
              ....
             </div>
        </div>
     </div>
</div>

然而，图书项目在学生内部或学生之间均不可拖动。请提出建议。

Answer 1

刚刚有同样的问题。答案在于移动。参见 https://github.com/bevacqua/dragula/issues/31

  var drake_books = dragula({
    isContainer: function (el) {
      return el.classList.contains('student');
    },
    moves: function(el, container, target) {
      return target.classList.contains('book');
    }
  });