Renderizar o calendário do ui angular de outro controlador usando ng-click - angularjs, fullcalendar, fullcalendar-scheduler, ui-calendar

Estou usando o Angularjs Calendar UI para criarcalendário do agendador de eventos. Inicialmente, o Calendário está oculto e, na alternância de comutador, ele é exibido. Mas o calendário não é renderizado até que o próximo botão ou o botão do mês anterior seja pressionado.

app.controller("toggleController", [ "$scope", function($scope) {
$scope.toggleSelection = function toggleSelection(event) {
angular.element(document.querySelectorAll(".calendar-container")).css({display:"block"});
};
}]);

então eu quero chamar a função de renderização do controlador de interface do usuário do calendário para que ele seja renderizado na exibição de alternância do controlador acima

app.controller("CalendarCtrl", ["$scope","$rootScope", function($scope,  $compile, $timeout, uiCalendarConfig) {
/* Change View */
$scope.renderCalendar = function(calendar) {
$timeout(function() {
if(uiCalendarConfig.calendars[calendar]){
uiCalendarConfig.calendars[calendar].fullCalendar("render");
}
});
};
}]);

Eu tentei chamar a função renderCalendar usando $rootscope mas eu fico abaixo do erro

$timeout not defined ou uiCalendarConfig not defined etc

Respostas:

declaração de dependência e injeção tem que ser o mesmo e em ordem.

Faça como:

app.controller("CalendarCtrl", ["$scope","$compile", "$timeout", "uiCalendarConfig`, function($scope,  $compile, $timeout, uiCalendarConfig) {\