Я сейчас работаю с Angular (4.0) и ng2-dragula. Я взбесил div
контейнер для перетаскивания, чтобы перемещать элементы в нем следующим образом:
<div id="dragcontainer" [dragula]='"first-bag"'>
Теперь я хотел бы реализовать функцию, чтобы мой div превращался в перетаскиваемый div с перетаскиванием при нажатии кнопки. Например:
Перед нажатием кнопки:
<div id="dragcontainer">
После нажатия кнопки:
<div id="dragcontainer" [dragula]='"first-bag"'>
Я пробовал это:
HTML-кнопка:
<button md-raised-button style="margin-left: 20px;" (click)="dragable()">
Make it drawable
</button>
Код Типа:
dragable(): void {
document.getElementById("dragcontainer").setAttribute("[dragula]", "first-bag");
}
но это не работает. Чтобы убедиться, что я правильно использовал команду .setAttribute
, я попробовал следующее:
dragable(): void {
document.getElementById("dragcontainer").setAttribute("align", "center");
}
и это сработало.
Кто-нибудь пробовал это раньше или кто-нибудь знает, как это решить?