包含特定的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模塊

回答

相關問題