AngularJS нагрузка в контроллерах, которые находятся в отдельных файлах

Question

app.config(function($routeProvider) { 
     $routeProvider 

      // route for the home page 
      .when('/demo', { 
       templateUrl : 'assets/pages/home.html' 
      }) 

      // route for the sport page 
      .when('/sport', { 
       templateUrl : 'assets/pages/sport/home.html', 
       controller : 'sportController' 
      }); 

      // route for the sport page 
      .when('/television', { 
       templateUrl : 'assets/pages/television/home.html', 
       controller : 'televisionController' 
      }); 
}); 

У меня есть в файле с именем SportCtrl.js и televisionController в файле с именем TvCtrl.jssportController, как бы я быть в состоянии загрузить это на мой взгляд при использовании маршрутизации?

Answer 1

Вы должны правильно добавить свой контроллер в пространство имен app, а Угловое - все.

Например, работая структуру проекта:

1. нагрузки угловой, зависимостей.
2. Загрузите инициализатор приложения, configs.
3. Загрузите другие вещи, такие как контроллеры, директивы, услуги, фильтры.

Пример кода контроллера:

app.controller('sportController', ['$scope', function($scope){ 

}]) 

Кстати, для углового имени файла ничего не значит.

Answer 2

Вы пытаетесь сделать ленивую загрузку javascript-файлов. Это не угловая функциональность, у вас есть 3 решения:

• use requireJs для загрузки файлов на лету.
• включает все ваши файлы javascript в html
• объединить все файлы javascript только в одном файле.

Я предпочитаю не использовать requireJS, чтобы предотвратить еще одно включение и настройка :-)