Angular2 : ng2-dragula -嵌套dragula

Question

对于以下嵌套的学生列表项，我需要在AngularJS 2中使用嵌套的ng-dragula。

学生1 book1 book2 book3

学生2 book4 book5 book6

学生3 book7 book8 book9

我必须拖放学生的位置，这是我能够用下面的代码做的。

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

我必须在学生之间以及学生之间拖拽这些书。就像下面这样。

学生1 book1 book3 book2

学生2 book4 book5

学生3 book7 book6 book8 book9

我尝试了下面的代码

<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');
    }
  });