Как проверить наличие модуля без возникновения ошибки?

Ответ 1

Я не знаю способа проверки без возникновения ошибки; однако обратите внимание, что проблема в том, что это был Uncaught Error, а не ошибка. Шаблон для улавливания такой ошибки следующий.

try { angular.module("ngRoute") } catch(err) { /* failed to require */ }

Если ошибка поймана, вы можете попробовать другой модуль, а если нет, вы можете использовать первый.

Если ваше поведение будет одинаковым для каждого модуля, вы можете сделать что-то вроде следующего, в котором мы определяем функцию, которая будет пытаться первыми из перечисленных имен модулей, и если возникает ошибка, попробуйте следующую опцию.

var tryModules = function(names) {
  // accepts a list of module names and
  // attempts to load them, in order.

  // if no options remain, throw an error.
  if( names.length == 0 ) {
    throw new Error("None of the modules could be loaded.");
  }

  // attempt to load the module into m
  var m;
  try {
    m = angular.module(names[0])
  } catch(err) {
    m = null;
  }

  // if it could not be loaded, try the rest of
  // the options. if it was, return it.
  if( m == null ) return tryModules(names.slice(1));
  else return m;
};

tryModules(["ngRoute", "ui.router"]);

Ответ 2

Я бы тестировал сервис вместо самого модуля.

// In controller
if($injector.has('$route')){

}
if($injector.has('$state')){

}

// In angular config
if($injector.has('$routeProvider')){

}
if($injector.has('$stateProvider')){

}

Ответ 3

Оригинальный ответ законный. Однако в качестве альтернативы я написал это, когда мне нужно было "найти или создать" модули. Там много вариантов использования, но, как правило, это позволяет вам не беспокоиться о порядке загрузки файлов. Вы можете поместить это в initialModules.js... или в начало всех ваших отдельных файлов службы/директивы начинайте с чего-то вроде этого. Эта небольшая функция работает как прелесть для меня:

var initialModules = [
  {name: 'app.directives', deps: ['ui.mask']},
  {name: 'app.services'},
  {name: 'app.templates'},
  {name: 'app.controllers'}
];

initialModules.forEach(function(moduleDefinition) {
  findOrCreateModule(moduleDefinition.name, moduleDefinition.deps);
});

function findOrCreateModule(moduleName, deps) {
  deps = deps || [];
  try {
    angular.module(moduleName);
  } catch (error) {
    angular.module(moduleName, deps);
  }
}


///// OR... in like "myDirective.js"
findOrCreateModule('app.directives').directive('myDirective', myDirectiveFunction);

Ответ 4

Если вы украшаете angular.module, чтобы сохранить имена в массиве, вы можете просто проверить, содержит ли массив имя вашего модуля.

Украсить angular.module

См. ответ @dsfq на SO.

Это должно произойти после загрузки angular, но перед загрузкой каких-либо модулей angular.

Проверьте свой модуль

if(angular.modules.indexOf("ngRoute") > -1) ...

Ответ 5

Проблема автоматической загрузки или создания модуля может быть лучше решена чем-то вроде gulp - angular -filesort. Он работает безупречно.

От gulp-angular-filesort Страница github: Автоматически сортировать файлы приложения AngularJS в зависимости от определений модулей и использования

Используется совместно с gulp -inject, чтобы вставлять файлы приложений (скрипты) в AnguleJS в правильном порядке, чтобы избавиться от всех ошибок Uncaught: [$ injector: modulerr].

Отказ от ответственности: я не связан с gulp - angular -filesort, я использую его только с большой прибылью.

Ответ 6

Гораздо лучшее решение - просто выполнить свою проверку при создании модуля. Вам просто нужна функция утилиты, чтобы добавить обратный вызов.

//create a utility function to add a callback to object methods    
//here we are making it a method of the underscore or lowdash object
//but it could be added to the angular global object or anything else
_.addCallBack = function (obj, originalMethodName, callBackMethod, context){
            var fnOriginal = obj[originalMethodName],
                outcome;

            context = context || obj;

            obj[originalMethodName] = function () {
                var outcome = fnOriginal.apply(this, arguments);

                callBackMethod.apply(this, arguments);

                return outcome;
            };
};

_.addCallBack(angular, "module", function(sModuleName, asDependencies){
    if(_.contains(asDependencies, "ngRoute")){
      //your logic here
      //just loop through if you don't use underscore or lowdash
    }
});