在没有 RequireJS 的情况下使用 Angular Dragula

我很想使用 angular-dragula 模块在我的 Angular 项目中实现拖放（https://github.com/bevacqua/angular-dragula https://github.com/bevacqua/angular-dragula）。然而，它似乎严重依赖于 RequireJS。我已经有一段时间没有使用 Require 了，只是在一两个示例应用程序中使用过。有没有一种简单的方法可以将 Require 与该模块分开？

作者好像觉得很简单（https://github.com/bevacqua/angular-dragula/issues/23 https://github.com/bevacqua/angular-dragula/issues/23）并在没有真正解释的情况下关闭了类似的问题。我查看了代码，但没有看到如何在不将 RequireJS 添加到我的项目中的情况下加载模块（我不想这样做）。我是否坚持不使用此模块或添加 Require，或者有没有办法在不使用 Require 的情况下使用它？

好的，在评论者的帮助下（谢谢大家！），我能够让它发挥作用。您需要做几件事。首先，我将此模块与其余模块捆绑在一起并尝试调用它。这不起作用，因为它需要使用参数初始化（angular）。因此，您需要执行以下操作：

1. 将 angular-dragula.js（或最小版本）的引用添加到您的 index.html 页面，位于 Angular 声明下方、创建应用程序的上方。
2. 当您声明应用程序的依赖项时，请指定angularDragula(angular)（不在引号中）。
3. 像平常一样使用拖古拉。如果您需要访问该服务，名称将为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>

请注意，与示例不同，我没有在任何地方声明 angularDragula。在作者给出的例子中，他要求angular并创建了angular变量然后他需要angular-dragula并创建了angularDragula多变的。如果您不使用，则不需要此操作RequireJS只要您以正确的顺序加载脚本即可。