小编Dan*_*n J的帖子

ng2-dragula [dragula](angular2拖放) - *ngFor与[dragulaModel]属性不起作用

使用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)

typescript dragula ng2-dragula angular

6
推荐指数
1
解决办法
3690
查看次数

标签 统计

angular ×1

dragula ×1

ng2-dragula ×1

typescript ×1