끌어서 놓기 오류 - 각도 JS

나는 각도 JS에서 끌어서 놓기 단계를 수행했지만 How to Create simple drag and Drop in angularjs에 오류가 발생했습니다.끌어서 놓기 오류 - 각도 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와 angular-starter whichi와 같은 종류의 것을 시도 할 수 있습니다. 나는 여전히 그것이 오류에 따라 모듈 문제라고 생각한다. 그러나 나는 모듈에 대해서는 아직 확신하지 못하기 때문에 다른 누군가의 도움을 환영 할 것이다. :) – kazu

폴더에서 실행하려고하는 동안 해결책이 발견되지 않았습니다. 나는 MAMP에 넣었고 효과가있었습니다. 아마 이것과 관련된 각도 모듈과 관련이있을 것입니다.

출처

2016-08-02 03:46:11

끌어서 놓기 오류 - 각도 JS

답변

관련 문제