Angularjs $routeprovider config using services - angularjs

Question

My application is created by using MVC 4 + AngularJs.
In this application we are using Bundling for render the javaScript and css files, this is working as expected.
But for the $routeProvider we are using templateUrl to load the template in runtime, but the speed of page is decreased.
For the reason i have created the below folder structure:
HTML
Home
Index.html
Xyz.html
Student
Create.html
Update.html
I want to render these files using the bundling like below:
[
{
key:"/HTML/Home/Index.html",
val:"HTML text"
},
{
key:"/HTML/Home/Xyz.html",
val:"HTML text"
},
{
key:"/HTML/Student/Create.html",
val:"HTML text"
},
{
key:"/HTML/Student/Update.html",
val:"HTML text"
}
]
In that case we use $templatecache and caches all the key with values
and then we can able to use like below:
$routeProvider.
when('/Home', {
template: $templatecache.get("/HTML/Student/Update.html"),
controller: 'HomeController'
}).
when('/planning', {
template: '$templatecache.get("/HTML/Student/Create.html"),
controller: 'StudentController'
}).
otherwise({
redirectTo: '/Home'
});
This is taking long time in initial load, after that it loading fast.
How can we render template using bundling?
How to put html in $templatecache (using services or other)?