导航在浏览器中工作,但不在Ionic View iphone应用程序中

时间:2015-03-03 19:47:35

标签: angularjs ionic-framework angularjs-routing ionic ui-sref

我有一个以ionic start myApp tabs开头的标签式应用程序。我一直在编辑它,我添加了一个名为count.html的页面,它共享DashCtrl控制器。我在Dash选项卡中链接到它,当我在计算机上使用Chrome进行测试时,它可以正常工作,但是当我使用Ionic Viewer时,它无法导航;它只是停留在Dash Tab页面上,好像什么都不应该发生。

如何修复设备的导航?

标签-dash.html

<ion-view view-title="Test">

  <ion-content class="padding">

    <button class="button button-full button-positive" ui-sref="tab.count">
        Count
    </button>

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

count.html

<ion-view view-title="Count">

    <ion-nav-bar class="bar-energized">
        <ion-nav-back-button class="button-clear">
            <i class="ion-arrow-left-c"></i> Back
        </ion-nav-back-button>
    </ion-nav-bar>

  <ion-content class="padding">

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

app.js

  .state('tab', {
    url: "/tab",
    abstract: true,
    templateUrl: "templates/tabs.html"
  })

  // Each tab has its own nav history stack:

  .state('tab.dash', {
    url: '/dash',
    views: {
      'tab-dash': {
        templateUrl: 'templates/tab-dash.html',
        controller: 'DashCtrl'
      }
    }
  })

  .state('tab.count', {
    url: '/count',
    views: {
      'tab-dash': {
        templateUrl: 'templates/count.html',
        controller: 'DashCtrl'
      }
    }
  })

2 个答案:

答案 0 :(得分:1)

这似乎是一个Ionic View错误。一旦我从Switcher中杀了应用程序,路由工作正常。 修改:在Ionic View应用程序中确认为UIWebView的缓存错误。

https://github.com/driftyco/ionic-view-issues/issues/10

  

似乎无论你设置什么缓存策略,它都只适用于初始请求(在本例中为index.html),无论如何都从缓存加载所有CSS和JS。

答案 1 :(得分:0)

我有一个类似的问题,并且可以通过放置&#34; ./"来解决它。在templateUrl的开头。试试

templateUrl: './templates/count.html',