如何将相应的控制器重定向到＆＃34; $ routeProvider＆＃34;

Question

我想知道是否可以将下一个普通代码更改为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>

app.js 文件包含下一部分：

$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'
  });

}）;

_______________________________________________________________

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

中

¿我怎么能告诉你我的 app.js ，相应视图的控制器在哪里？