文章/答案/技术大牛

发布

社区首页 >问答首页 >不使用jquery拖放angular

问不使用jquery拖放angular
EN

Stack Overflow用户

提问于 2016-09-01 15:23:18

回答 2查看 433关注 0票数 0

我的拖放不起作用。谁能告诉我这里面出了什么问题？

html链接：

<head>
    <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js">
    </script>
    <script src="components/angular-dragdrop/src/angular-dragdrop.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body  ng-app="myModule" ng-controller="myController">
    <div class="btn btn-primary" data-drag="true" data-jqyoui-options="{revert: 'invalid'}" ng-model="list1" jqyoui-draggable="{animate:true}" ng-hide="!list1.title">{{list1.title}}
    </div>

    <div class="thumbnail" data-drop="true" data-jqyoui-options ng-model="list2" jqyoui-droppable style='height:100px; margin-top:40px;border-color:green;'>
        <div class="btn btn-success" data-drag="false" data-jqyoui-options ng-model="list2" jqyoui-draggable ng-hide="!list2.title">{{list2.title}}
        </div>
    </div>
</body>

角度代码：

var myApp = angular.module("myModule",[]);

myApp.controller("myController", function($scope){
    $scope.list1 = {title: 'AngularJS - Drag Me'};
  $scope.list2 = {};    
});

angularjs

回答 2

Stack Overflow用户

发布于 2016-09-01 15:44:31

在应用程序中注册angular-drag-drop模块：

var myApp = angular.module("myModule", ['ang-drag-drop']);

myApp.controller("myController", function($scope){
    $scope.list1 = {title: 'AngularJS - Drag Me'};
  $scope.list2 = {};

});

票数 1

Stack Overflow用户

发布于 2016-09-01 21:00:51

当我试图实现这一点时，我遇到了三个令人叫绝的问题：

首先，验证组件的路径是否实际存在。至少在我的机器上，./components/.
Simo Endre安装到了jQuery，而不是jQuery。正确的是，组件需要注册，但是它需要注册为ngDragDrop，而不是jQuery。有问题的组件(codef0rmer/angular-dragdrop)依赖于jQuery和jQuery-UI来实现它的魔力，所以您需要将它们添加到您的项目中：

考虑到你的问题的标题，我不确定最后一个问题是否会破坏你的交易。¯_(ツ)_/`

无论如何，在进行这些更改之后，代码似乎可以按预期工作。

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39265182

复制

相似问题

问不使用jquery拖放angular
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不使用jquery拖放angularEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不使用jquery拖放angular
EN