angularjs - 无法在 angular-ui-router 的状态下访问视图

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/