Nested routes

routes.js

.config( function ($stateProvider) {
  $stateProvider
    .state('post', {
      url: '/posts',
      template: '<ui-view />',
      abstract: true
    })
    .state('post.create', {
      url: '/create',
      templateUrl: '/views/post/create.html',
      controller: 'PostCreate'
    })
    .state('post.read', {
      url: '/:id',
      templateUrl: '/views/post/single.html',
      controller: 'PostSingle'
    });
});