Fehler in Drag-drop - Angular JS

Ich folge Schritte für Drag-Drop in eckigen JS auf How to Create simple drag and Drop in angularjs aber unter Fehler gegeben.Fehler in Drag-drop - Angular JS

Bitte lassen Sie mich wissen, was ich vermisse.

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

Meine index.html ist unten:

*<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> 
*

und app.js ist

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); });

Quelle

2016-07-27 Sunil Karwasra

Ich denke, es ist etwas falsch mit Ihnen Module, könnten Sie etwas Code zeigen? – kazu

Ich habe gerade Code hinzugefügt, bitte schauen Sie. –

Ich denke, Sie haben nicht einen Link zu UI-Router in Ihrer index.html hinzugefügt, das könnte sein, wo der Fehler herkommt.

Versuchen hinzuzufügen: nach dieser es Sie

<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>

Ich hoffe

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

nur helfen.

Quelle

2016-07-27 08:55:26 kazu

Es hat nicht funktioniert, haben Sie weitere Vorschläge? –

Nun, Sie können die gleiche Art von Ding mit dndLists und angular-starter whichi versuchen, die ich auch nicht in Ihrer index.html sah. Ich denke immer noch, dass es ein Modulproblem nach dem Fehler ist, aber jede Hilfe von jemand anderem wäre hier willkommen, da ich mich selbst und Module selbst nicht wirklich sicher bin :) – kazu

Ich fand eine Lösung dafür, es funktionierte nicht, während ich versuchte, es aus dem Ordner zu starten. Ich habe es in MAMP und es funktionierte. Vielleicht etwas mit angularem Modul zu tun, das daran beteiligt ist.

Quelle

2016-08-02 03:46:11

Fehler in Drag-drop - Angular JS

Antwort

Verwandte Themen