ドラッグ・ドロップのエラー - 角型JS

私はHow to Create simple drag and Drop in angularjsで角型JSのドラッグ・ドロップの手順をフォローしましたが、エラーを下回っています。ドラッグ・ドロップのエラー - 角型JS

私には何が足りないのか教えてください。

Error: [$injector:modulerr] http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=angular-starter&p1=%5B%24injector%3Amodulerr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.4.8%2F%24injector%2Fmodulerr%3Fp0%3Dui.router%26p1

私のindex.htmlは以下の通りです：

*<html ng-app="angular-starter"> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<script src="angular-drag-and-drop-lists.js"></script> 
<script src="app.js"></script> 
<body> 
<div class="row"> 
    <div ng-repeat="(listName, list) in models.lists" class="col-md-6"> 
     <ul dnd-list="list"> 
      <li ng-repeat="item in list" 
       dnd-draggable="item" 
       dnd-moved="list.splice($index, 1)" 
       dnd-effect-allowed="move" 
       dnd-selected="models.selected = item" 
       ng-class="{'selected': models.selected === item}" 
       draggable="true">{{item.label}}</li> 
     </ul> 
    </div> 
</div> 
</body> 
</html> 
*

とapp.jsは

var app = angular.module('angular-starter', [ 
    'ui.router', 
    'dndLists' ]); app.controller('MainCtrl', function($scope){ 
    $scope.models = { 
     selected: null, 
     lists: {"A": [], "B": []} 
    }; 
    // Generate initial model 
    for (var i = 1; i <= 3; ++i) { 
     $scope.models.lists.A.push({label: "Item A" + i}); 
     $scope.models.lists.B.push({label: "Item B" + i}); 
    } 
    // Model to JSON for demo purpose 
    $scope.$watch('models', function(model) { 
     $scope.modelAsJson = angular.toJson(model, true); 
    }, true); });

です0

出典

2016-07-27 Sunil Karwasra

モジュールに何か問題があると思いますが、コードを表示できますか？ – kazu

コードを追加しました。ご覧ください。 –

index.htmlにui-routerへのリンクが追加されていないと思われます。その原因はエラーの原因です。

追加してください：

<script src="your/path/to/angular-ui-router/release/angular-ui-router.min.js"></script>

ちょうどこの

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<script src="angular-drag-and-drop-lists.js"></script> 
<script src="app.js"></script>

後、私はそれはあなたを助けるいただければ幸いです。

出典

2016-07-27 08:55:26 kazu

それは働かなかった、あなたはより多くの提案がありますか？ –

あなたはindex.htmlにも見なかったdndListsとangle-starterで同じようなことを試すことができます。私はまだそれがエラーに応じてモジュールの問題だと思うが、他の誰かからの助けがあれば、私は実際にモジュールとはまだ自信がないのでここで歓迎されるだろう:) – kazu

これを解決する方法を見つけたので、フォルダから実行しようとしていたときに機能しませんでした。私はそれをMAMPに入れていました。たぶん、これに関係する角度モジュールと関係します。

出典

2016-08-02 03:46:11

ドラッグ・ドロップのエラー - 角型JS

答えて

関連する問題