Использование контроллеров маршрутизации и загрузки AngularJS по требованию с использованием requirejs

Question

Я пытаюсь использовать AngularJS и RequireJS в комбинации. Я хотел бы использовать службу $routeProvider и не загружать все контроллеры для своих просмотров при запуске приложений. Для этого я попробовал следующее:

define(['require', 'angular', 'appModule'], function (require, angular, app) { 
    app.config(['$routeProvider', function($routeProvider) { 
     $routeProvider 
      .when('/sites', {templateUrl: '/Site/GetSitesView', controller: function() { 
      require(['sitesController'], function(SitesController) { 
       return new SitesController(); 
      }) 
     }}) 
    }]); 
}); 

К сожалению, это не сработало для меня. Ошибок нет. Файл JS, содержащий контроллер, загружается правильно, но я не вижу значения привязки данных в визуализированном представлении. Мне было интересно, могу ли я присвоить значение controller каким-то другим способом, который будет ждать завершения асинхронного вызова (для загрузки файла JS).

Любые идеи?

Answer 1

Вы можете найти решение here

Вы должны определить свойство решимости на каждый маршрут и назначить ему функцию, которая возвращает обещание. Функция может динамически загружать сценарий, содержащий целевой контроллер, и разрешать обещание после завершения загрузки. В этом article, Дэн Вахлин показывает, как использовать соглашение по конфигурации для более практичной маршрутизации.