Angular2:ng2-dragula - 嵌套的dragula

时间:2017-02-02 10:41:07

标签: angular ng2-dragula

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

学生1     BOOK1     第二册     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     第二册

学生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>

然而,书籍项目在学生内部或学生之间不可拖动。请建议。

1 个答案:

答案 0 :(得分:0)

刚才有同样的问题。答案在于行动。见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');
    }
  });