Url is changing but view isn't? CodePen example



I have started a blank template to try and understand the ionic/angularjs navigation.

I have made a simple CodePen to demonstrate my problem.

When i navigate to a certain view the URL changes but the view doesn’t. It just shows me a blank screen.



I have fixed it.

I needed to add :

<ion-nav-view name="home"></ion-nav-view>

to my Index.html + home.html and reconstruct my state providers to:

$stateProvider.state('announcement', {
  url: '/announcement',
  views: {
    home: {
      templateUrl: 'announcement.html'