javascript - 具有名称属性的 ionic 导航 View 不起作用

Question

我有这样的标签布局

<ion-view id="viewTickets" class=" ">
<ion-nav-bar class = "bar-positive">
    <ion-nav-back-button class = "button-clear" ng-click = "">
      <i class = "icon ion-arrow-left-c"></i>
    </ion-nav-back-button>
    <ion-nav-title ng-click="">
        Tickets
    </ion-nav-title>
</ion-nav-bar>

<ion-tabs class="tabs-striped tabs-top tabs-positive">
    <ion-tab title="Personal">
            <ion-nav-view name="viewtickets-tab"></ion-nav-view>
    </ion-tab>

    <ion-tab title="All">
    </ion-tab>
</ion-tabs>

我看到了两个选项卡选项，然后在我的 app.js .config 中有

.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider

.state('viewtickets', {
    url: '/viewtickets',
    templateUrl: 'templates/viewtickets.html',
    controller: 'ViewTicketsCtrl'
  })
  .state('viewtickets.viewticketstab', {
        url: '/viewticketstab',
        views: {
            'viewtickets-tab': {
                templateUrl: 'templates/viewticketstab.html',
            }
        }
  })

但是当我在“个人”选项卡上时，我没有看到 templates/viewticketstab.html' 加载，下面是空的，这里是 viewticketstab.html

<ion-view title="tickets tab">
     <ion-content class="padding">
        <h1>Tab 1</h1>

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

为什么将 viewticketstab.html 放在个人选项卡中？

感谢帮助

Answer 1

代替:

.state('viewtickets', {
    url: '/viewtickets',
    templateUrl: 'templates/viewtickets.html',
    controller: 'ViewTicketsCtrl'
  })
  .state('viewtickets.viewticketstab', {
        url: '/viewticketstab',
        views: {
            'viewtickets-tab': {
                templateUrl: 'templates/viewticketstab.html',
            }
        }
  })

试试这个:

.state('viewtickets', {
    url: '/viewtickets',
    templateUrl: 'templates/viewtickets.html',
    controller: 'ViewTicketsCtrl',
    views: {
            'viewtickets-tab': {
                templateUrl: 'templates/viewticketstab.html',
            }
        }
  })