angularjs - 如何将 ui-routing 与 ionic 滑盒一起使用？

Question

ionic 幻灯片框需要使用如下脚本标签进行路由:
http://codepen.io/calendee/pen/Kbpyg/

在这里，它是通过使用 <script> 来完成的。标签和给予id属性为 something.html在一个页面中。我正在寻找一个可以使用 $stateProvider 的 slider 实现。 ionic 框架(ng-route 在这里不起作用)，并为每个页面制作不同的 html 模板。

Answer 1

将索引作为状态参数传递给您的状态，确保您的 slider 上有一个委托(delegate)句柄，并且您可以滑动到 Controller 中的特定索引，如下所示:

示例 Controller :

    .controller('MyCtrl', function($scope, $state, $stateParams, $slideBoxDelegate){
            var mySlider = angular.getElementById(document.getElementById('mySliderContainer'));
            var handle = mySlider.querySelector('.slider').getAttribute('delegate-handle');
            var ionicSlideBoxDelegate = $ionicSlideBoxDelegate;

            $scope.$on('$ionicView.afterEnter', function(){
                    var index = $stateParams.index;
                    ionicSlideBoxDelegate = $ionicSlideBoxDelegate.$getByHandle(handle);
                    ionicSlideBoxDelegate.slide(index);
            });
   });

您可以使用 ionicSlideBoxDelegate 在幻灯片中移动。
上面的代码应该可以工作，但是我还没有测试过。