Jhipster ng-dragdrop

时间:2015-07-17 09:16:10

标签: angularjs jhipster

我是angularjs的新手,我正在试验Jhipster框架。

我正在尝试创建一个可以拖放组件的角度模块。但是我的代码在初始化时已经失败了。

我做了什么:

我安装了angular-dragdrop: bower install angular-dragdrop

我更新了我的bower.json:

{ "stomp-websocket": "2.3.4",
"sockjs-client": "0.3.4",
"bootstrap": "3.3.4",
"modernizr": "2.8.3",
"jquery": "2.1.3",
"json3": "3.3.2",
"angular": "1.4.0",
"angular-ui-router": "0.2.13",
"angular-resource": "1.4.0",
"angular-cookies": "1.4.0",
"angular-sanitize": "1.4.0",
"angular-i18n": "1.4.0",
"angular-translate": "2.7.0",
"angular-translate-storage-cookie": "2.7.0",
"angular-translate-loader-partial": "2.7.0",
"angular-dynamic-locale": "0.1.27",
"angular-local-storage": "0.2.0",
"swagger-ui": "2.0.24",
"angular-cache-buster": "0.4.3",
"ngInfiniteScroll": "1.2.0",
"angular-bootstrap": "0.13.0",
"angular-dragdrop": "1.0.11" }

我更新了我的index.html:

...
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-dragdrop/src/angular-dragdrop.min.js"></script>...

然而,当我尝试初始化像:

这样的模块时
angular.module('hiptestApp',['ngDragDrop'])
.controller('MyController', function ($scope, $cookies, $http, $timeout) {

});

我的整个Jhipster应用程序在没有显示任何错误消息或任何错误消息的情况下停止工作:(

我已经看到了关于plunker的十几个例子,如果你问我的话就可以做同样的事情。

仍然没有用,所以我希望你们中的某个人能告诉我我做错了什么?

1 个答案:

答案 0 :(得分:0)

刚刚开始工作:)

我还需要包括:

<script src="bower_components/jquery-ui/jquery-ui.js"></script>

在我的index.html中。

我也忘了保存在凉亭里:(

bower安装angular-dragdrop --save

bower安装jquery-ui --save

最后添加了&#39; ngDragdrop&#39;在我的app.js中作为参数。