Utilizzo di Dragula angolare senza RequireJS

Question

Mi piacerebbe implementare il trascinamento della selezione nel mio progetto angolare utilizzando il modulo angolare-dragula (https://github.com/bevacqua/angular-dragula). Tuttavia, sembra essere fortemente dipendente da RequireJS. Non ho usato Require per un po 'e solo per un'app di esempio o due. C'è un modo semplice per sbrogliare Richiedi da questo modulo?

L'autore sembra pensare che sia semplice (https://github.com/bevacqua/angular-dragula/issues/23) e ha chiuso anche domande simili senza una vera spiegazione. Ho esaminato il codice e non vedo come caricare il modulo senza aggiungere RequireJS al mio progetto (cosa che non voglio fare). Sono bloccato o non usando questo modulo o aggiungendo Require o c'è un modo per usarlo senza Require?

Answer 1

OK, dopo l'aiuto di coloro che hanno commentato (grazie a tutti!), Sono riuscito a farlo funzionare. Ci sono un paio di cose che devi fare. Innanzitutto, stavo raggruppando questo modulo con il resto dei miei moduli e provando a chiamarlo. Ciò non funzionerà perché è necessario inizializzarlo con un parametro (angular). Pertanto, è necessario effettuare le seguenti operazioni:

1. Aggiungere un riferimento alla angolari-dragula.js (o la versione min) alla tua pagina index.html al di sotto della dichiarazione per angolare ma soprattutto in cui si crea la tua applicazione.
2. Quando si dichiarano le dipendenze per la propria app, specificare angularDragula(angular) (non tra virgolette).
3. Usa la dragula come faresti normalmente. Se è necessario accedere al servizio, il nome sarà angularDragula.

Per esempio, qui è la mia dichiarazione di app:

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

E poi per ottenere un semplice elenco di essere drag and drop in grado, questo è il mio html:

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

Nota che non dichiaro angularDragula da nessuna parte, a differenza degli esempi. Nell'esempio fornito dall'autore, richiede angular e crea la variabile angular e quindi richiede angular-dragula e crea la variabile angularDragula. Questo non è necessario se non si utilizza RequireJS finché si caricano gli script nell'ordine corretto.