AngularJS: Регистрация в службе

Question

У меня есть страница с несколькими виджетами. После загрузки страницы я получаю список виджетов, который содержит URL-адрес. Затем я указываю URL-адрес.

Каждый виджет имеет свой собственный контроллер, который загружается с помощью тега <script> в виджет html. Поскольку список виджетов является динамическим, я не могу загрузить файлы .js виджета при загрузке страницы. (когда я это делаю, все работает нормально.) Я все время получаю сообщение об ошибке.

Я пытаюсь обернуть вызовы $ http в службе, чтобы сделать свой блок контроллера работоспособным.

Вот мой HTML:

<script src="/widget/fooWidget.js"></script> 

<div ng-controller="FooWidgetCtrl"> 
    ... 
</div> 

А вот мой fooWidget.js: (У меня есть Widgets модуля, определенный в файле, который загружается при загрузке страницы)

Widgets.service('FooWidgetSvc', function($http) { 
    this.getSomething = function() { 
     // $http methods 
    } 
}); 

function FooWidgetCtrl($scope, $http, FooWidgetSvc) { 
    FooWidgetSvc.getSomething(); 
    return $scope.FooWidgetCtrl = this; 
} 

И я получаю следующая ошибка:

Error: Unknown provider: FooWidgetSvcProvider <- FooWidgetSvc 
at Error (<anonymous>) 

Я ожидаю, что это происходит, потому что я пытаюсь определить e после завершения процесса угловой бутстрапа.

Я могу сделать плункер, если это поможет.

UPDATE

Спасибо за ответы до сих пор. Я создал плункер, чтобы помочь проиллюстрировать мою проблему: http://plunker.co/edit/iKzwnlZ7bNDjmR05qGDC

Я выяснил, как вручную зарегистрировать контроллер и включил его в плункер.

Answer 1

Это работает для вас?

Widgets.service('FooWidgetSvc', function($http) { 
    this.getSomething = function() { 
     // $http methods 
    } 
}).controller('FooWidgetCtrl', function($scope, $http, FooWidgetSvc) { 
    FooWidgetSvc.getSomething(); 
} 

Answer 2

Хорошо, ребята, Извините за обход. Я, наконец, достаточно долго читал documentation, что и выяснил.

Я пытался создать службу после того, как Угловой было переваривается все, что означает, что я должен вручную добавить контроллеры к модулю с помощью $ controllerProvider и услуги для модуля с помощью $ обеспечивают:

var WidgetsControllerProvider = null; 
var WidgetsProvider = null; 

var Widgets = angular.module('widgets', [], function($controllerProvider, $provide) { 
    WidgetsControllerProvider = $controllerProvider; 
    WidgetsProvider = $provide; 
}); 

Теперь я могу вручную добавить услуги и контроллеры, как это:

WidgetsProvider.factory('blergWidgetSvc', function($http) { 
    return { 
    getCountry: function(callback) { 
     // code 
    } 
    }; 
}); 

WidgetsControllerProvider.register('blergWidgetCtrl', function($scope, blergWidgetSvc) { 
    // code 
}); 

Я раздвоенный и обновил plunker, чтобы показать мое решение.