How to replace tabs in index.html

hi there.
I get to be very perplexed. I am using the ‘ionic start tabs’ to build the app.
I got states below:

tab
tab.page1 tab.page1.first tab.page1.second tab.page1.third
tab.page2
tab.page3
tab.page4

so far, states can be switched neatly.

But now I am going to add a new state to the project which one is in the same position with ‘tab’ state.
Specifically,
before :performance in index.html
<ion-nav-view>
tab.page1.first (view)
</ion-nav-view>

$state.go(‘newState’);

after: expect in index.html
<ion-nav-view>
newState (view)
</ion-nav-view>

now the trouble is the url did changed, but view occured to be blank.

hopping someone can solve my confusion