带有name属性的离子导航视图不起作用

ion-nav-view with name attribute not working

本文关键字：导航 视图 不起作用 name 属性 带有      更新时间：2023-09-26

我有一个像这样的标签布局

<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被放在个人标签?

Thanks for the help

而不是:

.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',
            }
        }
  })
相关文章：