Adding new page and router in ionic


#1

I just created a new page for slider:
Here are the extracts of the code:
Slider.js

var intervalId = $interval( function() {
    if( slideCounter < maxSlides) {
        slideCounter++;
        console.log('Adding a slide');
        $scope.data.slides.push({
            title : "Slide " + slideCounter,
            data : "Slide " + slideCounter + ' Content'
        });
        $ionicSlideBoxDelegate.update();
        } else {
            console.log('All full!');
            $interval.cancel(intervalId);
        }
    }, 3000);

Slider.html

        <ion-slide-box show-pager="true">

          <ion-slide ng-repeat="item in data.slides">
              <h1>{{item.title}}</h1>
              <p>{{item.data}}
          </ion-slide>
        </ion-slide-box>

</ion-content>  

`router:’

.state('app.slider.slider', {
    url:"/slider",
    views: {
      'content': {
        controller: 'SliderCtrl',
        templateUrl: "templates/slider/slider.html" 
      }
    },
    authenticate : false, 
    onEnter: _onEnter,
    onExit : _onExit
  })  

But the page doesn’t appear in our ionic project. Where is the error? What can be done?