Basic Ionic skeleton split in smaller files

Hi Guys,

I’m pretty new to Ionic and ui-router so forgive by n00bishness.

I usually split my markup in smaller files on a well organised folder structure.

Is there a way I can have an empty body tag like

<body ng-app="app"></body> 

in index.html (after all the includes, of course) with a corresponding

    $stateProvider.state('home', {
    url: '/',
    templateUrl: 'parts/main.html'})

where main.html should contain the application layout? And, from here I would like to have directives for header, menus, etc.

Any best practices for this approach?

So far I have only found samples with plenty of code in index.html and with inline scripts containing cached templates but I want them all out for a better organization.

Thanks for any help!