Ошибка Ionic Framework - SlideBox не смахивает

Привет, спасибо, что нашли время для чтения.

Я пытаюсь установить SlideBox на странице tab-dash.html и входить в некоторые ошибки. Я следую инструкциям на веб-сайте и не могу заставить его работать.

Это ошибка, которую я получаю при отладке в браузере:

ionic.bundle.js:25510 ReferenceError: fade is not defined

at new <anonymous> (http://localhost:8100/js/controllers.js:6:11)
at invoke (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17630:17)
at Object.instantiate (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17638:27)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:22194:28
at self.appendViewElement (http://localhost:8100/lib/ionic/js/ionic.bundle.js:56747:24)
at Object.switcher.render (http://localhost:8100/lib/ionic/js/ionic.bundle.js:54859:41)
at Object.switcher.init (http://localhost:8100/lib/ionic/js/ionic.bundle.js:54779:20)
at self.render (http://localhost:8100/lib/ionic/js/ionic.bundle.js:56607:14)
at self.register (http://localhost:8100/lib/ionic/js/ionic.bundle.js:56565:10)
at updateView (http://localhost:8100/lib/ionic/js/ionic.bundle.js:62210:23) <ion-nav-view name="tab-dash" class="view-container tab-content" nav-view="active" nav-view-transition="android">(anonymous function) @ ionic.bundle.js:25510(anonymous function) @ ionic.bundle.js:22289invokeLinkFn @ ionic.bundle.js:21832nodeLinkFn @ ionic.bundle.js:21330compositeLinkFn @ ionic.bundle.js:20721publicLinkFn @ ionic.bundle.js:20596tabSelected @ ionic.bundle.js:63739Scope.$digest @ ionic.bundle.js:28863Scope.$apply @ ionic.bundle.js:29131done @ ionic.bundle.js:23544completeRequest @ ionic.bundle.js:23716requestLoaded @ ionic.bundle.js:23657

вот мой tab-dash.html

<ion-content class="padding">

<ion-slides  options="options" slider="data.slider">
 <ion-slide-page>
<div class="box blue"><h1>BLUE</h1></div>
</ion-slide-page>
<ion-slide-page>
<div class="box yellow"><h1>YELLOW</h1></div>
</ion-slide-page>
<ion-slide-page>
<div class="box pink"><h1>PINK</h1></div>
</ion-slide-page>
</ion-slides>

// the rest of the page ...

Вот мой controllers.js (когда я вставляю этот код, вся страница исчезает, и когда я удаляю эффект: fade, строка кода возвращается к слайдеру без возможности прокрутки)

angular.module('starter.controllers', [])

.controller('DashCtrl', function($scope, $ionicSlideBoxDelegate) {
$scope.options = {
loop: false,
effect: fade,
speed: 500,
}
$scope.data = {};
$scope.$watch('data.slider', function(nv, ov) {
$scope.slider = $scope.data.slider;
})
})


// other controllers here ...

Любые советы о том, как я могу заставить это работать?

Я очень ценю, что вы, ребята, помогаете мне, так как это очень важно для меня.

Еще раз спасибо.

С уважением,

Адам