Угловой календарь пользовательского интерфейса не будет загружаться с закачиваемого контроллером

Question

Я использую AngularJS и requireJS, и я использую этот шаблон семян, чтобы помочь мне, чтобы получить угловатые красиво место с requireJS, которые можно найти здесь LINK

На момент Я пытаюсь интегрировать календарь AngularUI в проект, но я продолжаю получать ошибку "Cannot call method 'map' of undefined", когда код календаря находится в calendarCtrl.js с областью, введенной в этот контроллер. Однако, когда я размещаю код непосредственно в контроллере (controllers.js), календарь работает.

Plunkr ссылка: LINK

Answer 1

В угловых внутренних инжекторах для всех элементов управления областью видимости инициализируется приложением. Вам удалось отделить приложение от определения вашего контроллера, поэтому угловые не знали, как вводить части, необходимые для использования объекта $ scope.

Вариант 1

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

define(['angular'], function (angular) { 
    'use strict'; 

    return angular.module('TP.controllers', []); 
}); 

календаря:

define([ 
    "jquery", 
    "controllers", 
     "jqueryui", 
     "full_calendar", 
     "calendar", 
    ], 
    function($, controllers) { 
     return controllers 
     .controller('calendarCtrl', ['$scope', function($scope) { 
.... 

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

define([ 
    'angular', 
     'controllers', 
    'calendarCtrl', 
     'full_calendar', 
     'calendar' 
    ], function (angular, controllers) { 
     'use strict'; 

     return angular.module('TP', ['TP.controllers', 'ui.calendar']); 
}); 

Это в какой-то степени поражает цель использования AMD.

Вариант 2

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

Определение корня контроллеры:

define(['angular', 'calendarCtrl'], function (angular) { 
    'use strict'; 

    return angular.module('TP.controllers', ['calendarCtrl']); 
}); 

Определение календаря контроллера:

define([ 
    "jquery", 
    "angular", 
     "jqueryui", 
     "full_calendar", 
     "calendar", 
    ], 
    function($, angular) { 
     return angular.module('calendarCtrl', []) 
      .controller('calendarCtrl', ['$scope', function($scope) { 
... 

Работа plunker этой версии на http://plnkr.co/edit/Xo41pqEdmB9uCUsEEzHe?p=preview.