拖放中的错误 - Angular JS

我按照以下步骤在角度JS上拖拽了How to Create simple drag and Drop in angularjs，但在错误之下输出。拖放中的错误 - Angular 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); });

来源

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

它没有工作，你有更多的建议？ –

你可以用dndLists和angular-starter来尝试同样的东西，我也没有在你的index.html中看到它。根据错误，我仍然认为这是一个模块问题，但是来自其他人的任何帮助都会受到欢迎，因为我对模块本身并不满意:) – kazu

我找到了解决方案，这是不工作，而我试图从文件夹中运行它。我把它放在MAMP，它工作。可能与涉及此的角度模块有关。

来源

2016-08-02 03:46:11

拖放中的错误 - Angular JS

回答

相关问题