Afficher un calendrier d'interface utilisateur angulaire à partir d'un autre contrôleur à l'aide de ng-click - angularjs, agenda complet, agenda complet, agenda ui

J'utilise l'interface utilisateur du calendrier Angularjs pour créercalendrier du planificateur d'événements. Au départ, le calendrier est masqué et, à l’aide du commutateur, il est affiché. Mais le calendrier n'est rendu que lorsque le bouton du mois prochain ou précédent est actionné

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

donc je veux appeler la fonction de rendu à partir du calendrier contrôleur ui afin qu'il soit rendu sur basculer vue à partir du contrôleur ci-dessus

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");
}
});
};
}]);

J'ai essayé d'appeler la fonction renderCalendar en utilisant $rootscope mais j'obtiens une erreur

$timeout not defined ou uiCalendarConfig not defined etc

Réponses:

la déclaration de dépendance et l'injection doivent être identiques et en ordre.

Faites-le comme:

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