javascript - How redirect respective controller into "$routeProvider" -

i know if possible change next normal code angular app:

this how index.html file has:

<!-- 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> 

and app.js file has next part:

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

});

_______________________________________________________________

my problem is: don't wanna make includes index.html

¿how can tell app.js, controller respective view?