【问题标题】:where should I add module dependencies in mean.js (for ng-sortable)我应该在 mean.js 中的哪里添加模块依赖项(对于 ng-sortable)
【发布时间】:2015-01-24 04:54:31
【问题描述】:

我正在尝试将 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 堆栈很陌生,所以我在这个问题上迷路了。我试着到处搜索,当然也在这里搜索,但我没有找到任何对我有意义的答案。

欢迎任何帮助。

【问题讨论】:

  • 为什么这不起作用?看起来您将其正确注入到您的模块中...
  • @AndrewCounts 不确定,没有失败消息,但我附加的整个模块甚至不会在那里运行。与模块和菜单项相关的页面全部消失,只有删除后才会出现。
  • 控制台日志中没有错误?
  • @AndrewCounts 在查看服务器输出或控制台日志时完全没有错误。刚走了:(

标签: angularjs mean-stack meanjs


【解决方案1】:

根据dylants的回答,发现配置文件路径已经改成这个文件了

modules/core/client/app/config.js

我正在使用 meanjs-version 0.4.2,将新模块添加到 applicationModuleVendorDependencies 对我有用。

【讨论】:

    【解决方案2】:

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

    例如,将计时器放入您的模块中:

    public/modules/your-module/your-module.client.module.js:

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

    【讨论】:

      【解决方案3】:

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

      来源链接:
      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 代码中访问它。

      【讨论】:

      • 谢谢。我自己才意识到这一点,正要回答我自己的问题时我注意到你已经到了那里:)。
      猜你喜欢
      • 2018-03-19
      • 2015-05-10
      • 1970-01-01
      • 2020-08-12
      • 1970-01-01
      • 2016-05-19
      • 1970-01-01
      • 2012-09-18
      • 1970-01-01
      相关资源
      最近更新 更多