Question

我有图像Carousel在浏览器中作为单独的页面加载时工作完美，当从index.html调用的同一页面不起作用时

<ons-navigator>
  <ons-tabbar>
    <ons-tab page="home.html" label="Home" icon="home" active="true"></ons-tab>
    <ons-tab page="page1.html" label="page1" icon="fa fa-desktop"></ons-tab>
    <ons-tab page="page2.html" label="page2" icon="fa fa-bar-chart-o"></ons-tab>
    <ons-tab  label="page3.html" icon="page3"   ></ons-tab>
    <ons-tab page="contact.html" label="Contact" icon="phone"></ons-tab>
  </ons-tabbar>
</ons-navigator>

当我在浏览器中加载page3.html时，Carousel工作正常，

我使用了这个https://github.com/revolunet/angular-carousel

当我从应用程序打电话时它不起作用，对onsenui来说是新手，请帮忙

Answer 1

编写代码的方式不正确。请修改如下：

<ons-navigator>
    <ons-tabbar var="tabbar">
        <ons-tabbar-item
            icon="home"
            label="Home"
            page="home.html"
            active="true"></ons-tabbar-item>
        <ons-tabbar-item
            icon="fa fa-desktop"
            label="page1"
            page="page1.html"></ons-tabbar-item>
        <ons-tabbar-item
            icon="fa fa-bar-chart-o"
            label="page2"
            page="page2.html"></ons-tabbar-item>
        <ons-tabbar-item
            icon="gear"
            label="page3"
            page="page3.html"></ons-tabbar-item>
        <ons-tabbar-item
            icon="phone"
            label="Contact"
            page="contact.html"></ons-tabbar-item>
    </ons-tabbar>
</ons-navigator>

我已经过测试，但效果很好。

图像轮播不工作温泉ui

1 个答案: