Описание тега ng2-dragula

Описание тега Вопросы с тегом

NoneNg 2-dragula - одна из лучших библиотек перетаскивания для Angular 2x и последующих версий. его официальная оболочка Angular2 для dragula( AngularJs (1.x)). Эта библиотека предоставляет множество обратных вызовов и событий перетаскивания во время операций перетаскивания. если вы используете dragula, чем тег dragula.

Официальный GitHub ng2-dragula

Установить

Вы можете получить его на npm.

npm install ng2-dragula --save

Настроить

Вам нужно будет добавить DragulaModule в свой модуль приложения.

AppModule

   @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        DragulaModule,
        ...
      ],
      providers: [],
      bootstrap: [AppComponent]
    })

export class AppModule {
}
@Component({
  selector: 'sample',
  template:`
  <div>
    <div class='wrapper'>
      <div class='container' [dragula]='"first-bag"'>
        <div>You can move these elements between these two containers</div>
        <div>Moving them anywhere else isn't quite possible</div>
        <div>There's also the possibility of moving elements around in the same container, changing their position</div>
      </div>
      <div class='container' [dragula]='"first-bag"'>
        <div>This is the default use case. You only need to specify the containers you want to use</div>
        <div>More interactive use cases lie ahead</div>
        <div>Make sure to check out the <a href='https://github.com/bevacqua/dragula#readme'>documentation on GitHub!</a></div>
      </div>
    </div>
  </div>
  `
})
class Sample {}

Попробуйте демо!

Подробнее о мероприятии