我应该将 Angular 代码放在这个 Mean.js 应用程序中的啥位置以使该列表可排序？

Posted 2023-03-07

【中文标题】我应该将 Angular 代码放在这个 Mean.js 应用程序中的啥位置以使该列表可排序？

【英文标题】：Where do I put the Angular code in this Mean.js app to make this list sortable?我应该将 Angular 代码放在这个 Mean.js 应用程序中的什么位置以使该列表可排序？

【发布时间】：2014-10-24 12:52:30

【问题描述】：

按照@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 之前！”

感谢任何进一步的帮助。

谢谢。

【问题讨论】：

理想情况下，您需要“可排序”指令，例如：github.com/angular-ui/ui-sortable/blob/master/src/sortable.js

@Pavlo，谢谢！这看起来正是我需要的！我在 bower.json 中添加了“angular-ui-sortable”：“~0.12.10”。我运行了 bower install angular-ui-sortable，现在我在公共 lib 文件夹中看到了它。我在 config\env\all.js 文件中添加了 sortable.js 文件的路径。但我坚持“将可排序模块添加为应用程序模块的依赖项”。我把那条线放在哪里？再次感谢！

【参考方案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']);

希望这会有所帮助。

【讨论】：

是的，这有帮助。谢谢！我越来越近了。现在我得到“应该在 AngularJS 之前包含 jQuery”。如果我将 jquery 路径添加到 all.js 文件，在 sortable.js 文件上方，我会收到一个 jQuery 错误，“未捕获的 ReferenceError：未定义定义”。再次感谢！

【参考方案2】：

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

凉亭安装 jquery --save 添加'public/lib/jquery/dist/jquery.min.js', 'public/lib/jquery-ui/jquery-ui.min.js, 在 config\env\all.js 中的 angular.js 前面 在位于 public/config.js 的 applicationModuleVendorDependencies 中添加“ui.sortable”

按照这些步骤应该可以解决问题。