使用ng2-dragula拖放包装库为角2 dragula.
https://github.com/valor-software/ng2-dragula
看到[dragulaModel]='myList' ...项目被丢弃的问题...... 噗 ......它消失了.
检查元素,我看到它仍然在模型中,但DOM元素失去了它inner html(变成空div) - 导致div"显示"被隐藏.
import { Component } from '@angular/core';
import { DragulaService } from 'ng2-dragula/ng2-dragula';
@Component({
moduleId: module.id,
selector: 'my-app',
template: `
<div>
<div class='wrapper'>
<div class='container' *ngFor='let fixture of fixtures' [dragula]='"first-bag"' [dragulaModel]='fixtures'>
<div>{{fixture.name}}</div>
</div>
</div>
</div>
`,
viewProviders: [DragulaService],
styles: [`
.wrapper {
display: table;
}
.container {
display: block;
background-color: rgba(255, 255, 255, 0.2);
width: 200px;
}
.container div,
.gu-mirror {
margin: 10px;
padding: 10px;
background-color: …Run Code Online (Sandbox Code Playgroud)