В моем приложении AngularJS у меня есть текстовое поле с текстом и списком доступных ключевых слов.Html5 перетаскивание - копирование текста в положение посылки
Когда пользователь перетаскивает определенное слово и бросает его внутри текстовой области, слово должно быть вставлено в положение перетаскивания.
Для простой демонстрации - попробуйте выбрать какой-либо текст в своем браузере и перетащите его в любое поле ввода, которое у вас есть на вашей странице, - текст вставляется точно в положение перетаскивания.
Я хочу достичь той же функциональности. Как я могу?
Для работы с HTML5 ДНА и угловым я использовал директивы от этой скрипки - http://jsfiddle.net/jgoemat/NWnF8/
module.directive('draggable', function() {
return {
restrict: 'A',
link: function (scope, element, attrs) {
element[0].addEventListener('dragstart', scope.handleDragStart, false);
element[0].addEventListener('dragend', scope.handleDragEnd, false);
}
}
});
module.directive('droppable', function() {
return {
restrict: 'A',
link: function (scope, element, attrs) {
element[0].addEventListener('drop', scope.handleDrop, false);
element[0].addEventListener('dragover', scope.handleDragOver, false);
}
}
});