Javascript 如何将各个控制器重定向到“$routeProvider”

我想知道是否有可能将下一个普通代码更改为Angular应用程序：

以下是index.html文件的功能：

<!-- Load Controllers. -->
<script type="text/javascript" src="js/controllers/controller_1.js"></script>
<script type="text/javascript" src="js/controllers/controller_2.js"></script>
<script type="text/javascript" src="js/controllers/controller_3.js"></script>
<script type="text/javascript" src="js/controllers/controller_4.js"></script>
<script type="text/javascript" src="js/controllers/controller_5.js"></script>

})

_______________________________________________________________

我的问题是：我不想在index.html中包含所有内容

---

？我如何告诉你我的app.js，各个视图的控制器在哪里？

如果你在应用程序中使用grunt，grunt include replace可能会很好。通过这种方式，您可以在单独的文件中指定包含项，并用一行将它们添加到索引中。你能举个小例子说明怎么做吗？因为这对我来说有点难理解。这意味着，使用resolveController和grunt包括替换感谢

$routeProvider.
  when('/', {
    controller: 'controller_1',
    templateUrl: 'views/views-1.html'
  }).
  when('/menu/:restaurantId', {
    controller: 'controller_2',
    templateUrl: 'views/views-2.html'
  }).
  when('/checkout', {
    controller: 'controller_3',
    templateUrl: 'views/views-3.html'
  }).
  when('/thank-you', {
    controller: 'controller_4',
    templateUrl: 'views/views-4.html'
  }).
  when('/customer', {
    controller: 'controller_5',
    templateUrl: 'views/views-5.html'
  });