Question

我正在尝试链接到子状态，无法弄清楚如何使其工作。这是链接：

<a ui-sref="tab.communityDashboard" class="button button-block button-large"><i class="icon ion-home"></i><br />Community Directory</a>

这是路线：

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

  // Each tab has its own nav history stack:

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

然后最终：

$urlRouterProvider.otherwise('/home');

以下是视图的内容：

<ion-view view-title="tab-communityDashboard">
    <ion-content>
        yolo yolo yolo
    </ion-content>
</ion-view>

我还尝试过去localhost：8100 /＃/ communitydashboard，但它只是将我重定向回家。我该如何解决这个问题。

Answer 1

您需要一个<ion-nav-view>来显示您的视图，并且由于您正在使用状态视图，因此您需要在视图名称中包含name属性，因此类似于<ion-nav-view name="tab-communityDashboard">

http://ionicframework.com/docs/api/directive/ionNavView/

http://learn.ionicframework.com/formulas/navigation-and-routing-part-1/

无法在angular-ui-router

1 个答案: