我正在开发一个离子应用程序,并希望有一个滑块框,每个幻灯片代表一个离子视图.
幻灯片盒 –
<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的初学者.
解决方法
我正在做一个类似的设置,我发现他的工作不是很整齐.
由于您的离子滑动盒位于离子视图标签内,我假设此模板被注入更高级别的某个位置？
尝试注入：
<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>
在你的没有和包装它的其他东西里面.
