Использование угловой Dragula без RequireJS

Question

Я бы с удовольствием реализовал Drag and Drop в моем угловом проекте, используя модуль углового-dragula (https://github.com/bevacqua/angular-dragula). Однако, похоже, он сильно зависит от RequireJS. Я не использовал Требование некоторое время, и только тогда для примера приложения или двух. Есть ли простой способ распутать Требовать от этого модуля?

Автор, кажется, считает, что это просто (https://github.com/bevacqua/angular-dragula/issues/23), и закрыл аналогичные вопросы, не имея реального объяснения. Я просмотрел код и не вижу, как загрузить модуль без добавления RequireJS в мой проект (чего я не хочу делать). Я застрял либо не используя этот модуль, либо добавляя Требовать или есть способ использовать это без Требований?

Answer 1

ОК, после помощи тех, кто прокомментировал (спасибо всем!), Я смог заставить это работать. Есть пара вещей, которые вам нужно сделать. Во-первых, я связывал этот модуль с остальными модулями и пытался его назвать. Это не сработает, потому что его нужно инициализировать с помощью параметра (angular). Таким образом, вам необходимо сделать следующее:

1. Добавить ссылку на угловой dragula.js (или мин версии) на странице index.html ниже декларации по угловым, но выше, где вы создаете приложение.
2. Когда вы объявляете зависимости для своего приложения, укажите angularDragula(angular) (не в кавычках).
3. Используйте dragula как обычно. Если вам нужно получить доступ к службе, имя будет angularDragula.

Например, вот моя декларация приложения:

var app = angular.module('app', [ 
    'ngRoute', 
    angularDragula(angular) 
]); 

А затем, чтобы получить простой список, чтобы перетащить и падение способны, это мой HTML:

<div dragula='"bag-one"' dragula-model="vm.items"> 
    <div ng-repeat="item in vm.items">{{ item }}</div> 
</div> 

Примечание что я не объявляю угловуюDragula нигде, в отличие от примеров. В примере, который дает автор, он требует angular и создает переменную angular, а затем он требует angular-dragula и создает переменную angularDragula. Это не нужно, если вы не используете RequireJS, пока вы загружаете скрипты в правильном порядке.