ionic-angular/demos/directive/slideBox/appIntro/index.js

[](https://circleci.com/gh/driftyco/ionic)

---
name: appIntro
component: ionSlideBox
---
angular.module('appIntro', ['ionic'])

.config(function ($stateProvider, $urlRouterProvider) {

  $stateProvider
    .state('intro', {
      url: '/',
      templateUrl: 'intro.html',
      controller: 'IntroCtrl'
    })
    .state('main', {
      url: '/main',
      templateUrl: 'main.html',
      controller: 'MainCtrl'
    });

  $urlRouterProvider.otherwise("/");

})

.controller('IntroCtrl', function ($scope, $state, $ionicSlideBoxDelegate) {

  // Called to navigate to the main app
  $scope.startApp = function () {
    $state.go('main');
  };
  $scope.next = function () {
    $ionicSlideBoxDelegate.select($ionicSlideBoxDelegate.next());
  };
  $scope.previous = function () {
    $ionicSlideBoxDelegate.select($ionicSlideBoxDelegate.previous());
  };

  // Called each time the slide changes
  $scope.slideChanged = function (index) {
    $scope.slideIndex = index;
  };
})

.controller('MainCtrl', function ($scope, $state) {
  $scope.toIntro = function () {
    $state.go('intro');
  };
});