Question

我正在尝试将ng-sortable添加到我的mean.js应用程序中。 https://github.com/a5hik/ng-sortable

按照安装说明并将它们调整为mean.js我包含了js和css文件（正确加载），但我倒下的地方是添加模块依赖项：

并将可排序模块注入依赖项。
angular.module('xyzApp', ['ui.sortable', '....']);

我的angularjs控制器看起来像这样：

var listers_mod = angular.module('listers');
listers_mod.controller('PagesController', ['$scope', '$http', '$stateParams', '$location',  'Authentication',
    function($scope, $http, $stateParams, $location, Authentication) { ... }
]);

我的第一次尝试是在上面的控制器文件中添加ui.sortable：

var listers_mod = angular.module('listers', ['ui.sortable']);

显然这不起作用。正如你可能会说我对于mean.js和MEAN堆栈一般都很新，所以我在这个问题上瞎磕绊绊。我试着在谷歌上搜索，当然在这里搜索，但我没有找到任何对我有意义的答案。

欢迎任何帮助。

Answer 1

当我向基于mean.js的应用程序添加新的Angular模块时，我将模块添加到config.js目录中的public文件中。在向项目添加更多模块时，可以添加一个模块依赖项列表：

链接到来源：
https://github.com/meanjs/mean/blob/f4b62ca8199227c6791d535bbf67bba5d2db91f0/public/config.js#L7

示例：

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

尝试在其中添加，而不是使用控制器中的var listers_mod = angular.module('listers');行。您可能根本不需要将其注入控制器 - 查看文档后，您可以在将其添加到应用程序的模块列表后尝试在HTML代码中访问它。

Answer 2

根据dylants的回答，发现配置文件路径已更改为此文件

模块/核心/客户端/应用程序/ config.js

我使用的是meanjs-version 0.4.2，将新模块添加到applicationModuleVendorDependencies中对我来说很有用。

Answer 3

您可以将依赖项作为ApplicationConfiguration.registerModule函数的第二个参数。

示例，将计时器放入您的模块中：

公共/模块/你的模块/你的-module.client.module.js：

ApplicationConfiguration.registerModule('your-moduler', ['timer']);

我应该在哪里添加mean.js中的模块依赖项（对于ng-sortable）

3 个答案: