Ion-View внутри слайда в слайдбоксе

Я работаю над приложением Ionic и хочу иметь ползунок, в котором каждый слайд представляет собой ионное представление.

Слайд-бокс –

<ion-view>
<ion-content>
    <div class="row">
        <ion-slide-box class="col" auto-play="false" does-continue="false">
            <ion-slide>
                <ion-nav-view name="view-1" ></ion-nav-view>
            </ion-slide>
            <ion-slide>
                <ion-nav-view name="view-2" ></ion-nav-view>
            </ion-slide>
        </ion-slide-box>
    </div>
</ion-content>
</ion-view>

Маршрут

 .state('parent.view-1', {
            url: "/view1",
            views: {
                "view-1": {
                    templateUrl: "app/parent/view-1.html"
                }
            }
        })

Одно из представлений — view-1.html —

<ion-view>
    <ion-content>

        <h1>View 1</h1>

    </ion-content>
</ion-view>

Проблема в том, что view-1 не отображается внутри первого слайда. Может кто подскажет в чем тут может быть дело? Кроме того, это правильный способ отображения скользящих представлений? Пожалуйста, предложите. Я новичок в Ionic.


ionic-framework angularjs ionic
person Sam    schedule 10.03.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я работаю над аналогичной установкой, и я обнаружил, что он работает не очень аккуратно.

Поскольку ваш ионный слайд находится внутри тегов ion-view, я предполагаю, что этот шаблон вводится где-то на более высоком уровне?

Вместо этого попробуйте ввести:

    <ion-slide-box class="col" auto-play="false" does-continue="false">
        <ion-slide>
            <ion-nav-view name="view-1" ></ion-nav-view>
        </ion-slide>
        <ion-slide>
            <ion-nav-view name="view-2" ></ion-nav-view>
        </ion-slide>
    </ion-slide-box>

внутри вашего без и других вещей, обертывающих его.

person Maurits Moeys    schedule 10.03.2015
comment
Я пробовал это, но теперь сама родительская страница пуста. - person Sam; 10.03.2015
comment
Удивительно, но такая же раскладка работает при работе с ион-табами, но не с ионами-слайдами. - person Sam; 10.03.2015