角UI日曆將不會從注入控制器

Question

加載我使用AngularJS和requireJS，我用這個種子模板來幫助我獲得角與這裏可以LINK

發現在requireJS很好的地方一刻我試圖將AngularUI的日曆整合到項目中，但當日歷代碼爲calendarCtrl.js時，我一直收到錯誤"Cannot call method 'map' of undefined"，並將範圍注入此控制器。但是，當我將代碼直接放入控制器（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) { 
... 

在http://plnkr.co/edit/Xo41pqEdmB9uCUsEEzHe?p=preview工作的這個版本plunker。