How to remove Ionic Framework tabs bar+ buttons and simplify routing?

I have an existing app with tabs bar and buttons at the bottom. I hope to remove tabs completely and simplify the routing. Is it possible?

Im not looking for css or ionic appearence changes like suggested here. This merely hides the bar but routing isnt simplified.

My current routing:

.state('tab', {
  url: '/tab',       //anyway to remove this?
  abstract: true,
  templateUrl: 'templates/tabs.html'
})
.state('login', {
  url: '/login',
  templateUrl: 'templates/login.html',
  controller: 'AuthCtrl'
})
.state('tab.posts', {    //ideally no more tabs.something
  url: '/posts',
  views: {
    'tab-posts': {
      templateUrl: 'templates/tab-posts.html',
      controller: 'PostsCtrl'}}
})
.state('tab.newpost', {
  url: '/newpost',
  views: {
    'tab-posts': {    
      templateUrl: 'templates/tab-newpost.html',
      controller: 'NavCtrl'}}
})
.state('tab.posts.view', {
  url: '/posts/:postId',          
  views: {
    'tab-posts@tab': {    
      templateUrl: 'templates/tab-showpost.html',
      controller: 'PostViewCtrl'}}
})

I hope to simplify routing by removing the tab abstract state. Cos right now, it can get rather confusing with the view names and all.

I removed tabs state but app returned blank. Same for deleting the html file URL line.

When I revamped the naming convention, the program no longer works (blank screen) but yet devtools doesnt throw any errors.