Combining ui-router with directives

router-to-directive.js

//Combining ui-router with directives to make beautiful, dynamic, controller-less apps
//Taken from here: http://stackoverflow.com/a/32875215/4993527

$stateProvider.state('general', {
    url: '/general',
    views: {
        main: {
            template: '<general-directive></general-directive>'
        }
    }
});