我要求在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>
然而,书籍项目在学生内部或学生之间不可拖动。请建议。
答案 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');
}
});