Angular new router template mapping

I'm converting a application from ui-router to the new Angular router to make it easier to migrate to Angular 2.0 in the future. I'm not afraid of breaking changes as I don't have many components yet.

My problem is that it doesn't load the templates to in my components. I have structured the code to be in

/components/<component-name>/<component-name>.html

as an example

/components/checkout/checkout.html

This is my route.config:

$router.config([
    {path: '/', redirectTo: '/checkout'},
    {path: '/checkout', component: {main: 'checkout', search: 'search', toolbar: 'toolbar'}},
    {path: '/driver', component: {main: 'DriversView', search: 'search', toolbar: 'toolbar'}}
]);

It loads the controllers that should be loaded but it doesn't even try to load the templates, I checked the network tab in chrome dev tools and there is no .html. Anything I need to think about that I might have missed?