Adding new page and router in ionic

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-content has-header="true">

            <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?