angularjs - 幻灯片中的幻灯片内的 ionic View

Question

我正在开发一个 Ionic 应用程序，并希望有一个 slider 框，每张幻灯片代表一个 ionic View 。

滑盒 -

<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 之一 - view-1.html -

<ion-view>
    <ion-content>

        <h1>View 1</h1>

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

问题是 view-1 没有显示在第一张幻灯片中。谁能告诉这里可能是什么问题？另外，这是显示滑动 View 的正确方法吗？请建议。我是 Ionic 的初学者。

Answer 1

我正在做一个类似的设置，我发现他的工作不是很整洁。

由于您的 ion 幻灯片框位于 ion-view 标签内，我假设这个模板被注入(inject)到更高级别的某个地方？

尝试注入(inject):

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

在你没有和其他东西包裹它的里面。