包含特定的Angular模块

我想包含一个github模块angular-drag-drop。我是新角度，我失败了。自述文件显示了使用webpack或browserify的示例，但我没有使用这些示例。我也提出了一个问题，但我也想在这里提出。包含特定的Angular模块

odds.js：

(function(){ 
    var app = angular.module('pokerApp', ['angular-drag-drop']); 
})();

的index.html：

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.js"></script> 
    <script src="lib/angular-drag-drop.min.js"></script> 
    <script src="odds.js"></script> 
</head> 
<body> 
    <div ng-app = "pokerApp" ng-init = "cards = ['As','Ks','Qs','Js','Ts','9s','8s','7s','6s','5s','4s','3s','2s', 
           'Ah','Kh','Qh','Jh','Th','9h','8h','7h','6h','5h','4h','3h','2h', 
           'Ad','Kd','Qd','Jd','Td','9d','8d','7d','6d','5d','4d','3d','2d', 
           'Ac','Kc','Qc','Jc','Tc','9c','8c','7c','6c','5c','4c','3c','2c']"> 

     <!--<div drag-container>KKKKKKKKKKKK</div>--> 

     <!-- 
     <div drag-container="model" 
      on-drag-start="ctl.handleDragStart($event, data)" 
      on-drag-end="ctl.handleDragEnd($event, data)" 
     ></div>--> 
    </div> 

</body> 
</html>

文件角拖拽drop.min.js从the github repo复制。我得到的错误是：

Uncaught Error: [$injector:modulerr] Failed to instantiate module pokerApp due to: 
Error: [$injector:modulerr] Failed to instantiate module angular-drag-drop due to: 
Error: [$injector:nomod] Module 'angular-drag-drop' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

我也试图与“AngularDragDrop”而不是“角拖放”，但我得到了同样的错误。

来源

2015-12-08 Albert Hendriks

你确定你的页面中包含了“角度拖放”吗？ –

开发人员在问题中发布了答案。我需要导入“filearts.dragDrop”，而不是导入require.js。它现在有效。

来源

2015-12-12 18:31:01

它需要require.js加载模块，还我看着API，我认为该模块的名称应该是

learts.dragDrop

，而不是

angular-drag-drop

odds.js：

(function(){ 
    var app = angular.module('pokerApp', ['learts.dragDrop']); 
})();

来源

2015-12-08 17:52:08

你确定我需要require.js吗？因为这是在src中，而不是在dist代码中。我使用dist代码。我把它改成了learts.dragDrop，但是我得到了同样的错误（仍然没有require.js）。 –

@AlbertHendriks我猜想，通过查看代码..你可以创建一个plunkr，以便我可以深入其中。 –

plunkr url：http://run.plnkr.co/plunks/7S3BFW/ –

包含特定的Angular模块

回答

相关问题