在角度上使用Dragula拖放

Question

使用Dragula库拖放块是必要的。使用的是库版本1.5.0。我收到错误Angular: Can't bind to 'dragula' since it isn't a known property of 'div'.。如何实现块拖动？

shared.module.ts：

import {DragulaModule} from 'ng2-dragula/ng2-dragula';
@NgModule({
  declarations: [
    ...COMPONENTS,
    ...PAGES
  ],
  imports: [
    DragulaModule,
    ...
  ]
})

export class SharedModule {
}

​

item.component.html：

​

<div [dragula]='"items"' [dragulaModel]="items.controls"  formArrayName="items">
  <input-container [formGroupName]="i"  *ngFor="let item of items.controls">
     <input formControlName="name"/>
  </input-container>
</div>

​

Answer 1

尝试从以下位置更改模块导入：

imports: [
    DragulaModule,
    ...
  ]

转到

imports: [
    DragulaModule.forRoot(),
    ...
  ]

并尝试将引用从import {DragulaModule} from 'ng2-dragula/ng2-dragula';更改为import { DragulaModule } from 'ng2-dragula';

还要确保在您的component.ts中已经导入：

import { DragulaService } from 'ng2-dragula';

然后放入：

@Component({..
   providers: [DragulaService]
....})