我正在开发一个 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 的初学者。
最佳答案
我正在做一个类似的设置,我发现他的工作不是很整洁。
由于您的 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>
在你没有和其他东西包裹它的里面。
关于angularjs - 幻灯片中的幻灯片内的 ionic View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28969810/