Question

遵循@Pavlo的建议使用https://github.com/angular-ui/ui-sortable，

我有这个重复列表，我想让它排序。

<div ui-sortable ng-model="regions" class="list-group region-list">
    <a data-ng-repeat="region in regions" data-ng-href="#!/regions/{{region._id}}" class="list-group-item">
    <h4 class="list-group-item-heading" data-ng-bind="region.name"></h4>
    </a>
</div>

遵循@nrodic的建议并将'ui.sortable'添加到config.js。

var applicationModuleVendorDependencies = ['ngResource', 'ngCookies',  'ngAnimate', 'ngTouch', 'ngSanitize',  'ui.router', 'ui.bootstrap', 'ui.utils', 'ui.sortable'];

但是，当我添加时，我收到以下消息：

“ui.sortable：jQuery应该包含在AngularJS之前！”

任何进一步的帮助表示赞赏。

谢谢。

Answer 1

答案取决于您的应用程序模块。要在主模块中注册依赖项，您可以编辑public/config.js并将'ui.sortable'添加到现有列表中：

var applicationModuleVendorDependencies = ['ngResource', 'ngAnimate',
    'ui.router', 'ui.bootstrap', 'ui.utils', 'ui.sortable'];

如果您要注册自己的模块并希望在那里启用ui.sortable，那么请查找文件public/modules/<my-module>/*module.js并在那里添加依赖项：

ApplicationConfiguration.registerModule('<my-module>', ['ui.sortable']);

希望这有帮助。

Answer 2

我遇到了完全相同的问题。请尝试以下步骤：

bower安装jquery --save
添加＆＃39; public / lib / jquery / dist / jquery.min.js＆＃39;，＆＃39;公共/ LIB / jQuery的UI / jQuery的ui.min.js，在config \ env \ all.js
添加“ui.sortable＆＃39;在applicationModuleVendorDependencies中，位于public / config.js

遵循这些步骤应解决问题。

我在哪里将Angular代码放在这个Mean.js应用程序中以使此列表可排序？

2 个答案: