Angularjs ionic1上的标签路由，有人能帮我找到标签路由吗？

对ionic 1上标签的路径有疑问 我有一个主屏幕，它有以下路径：

.state('app.principal', {
    url: '/principal',
    views: {
      'menuContent': {
        templateUrl: 'templates/principal.html'
      }
    }
  })

在main.html页面中，我有一个按钮可以访问选项卡的路径，该按钮：

<ion-item class="col text-center">
                  <img class="botao" src="img/placeholder.png" ui-sref="app.tab"></img>
                  <br>Comunidades e <br>Paroquia<br>
                </ion-item>

但我的按钮中的路线不工作，当我按下按钮转到另一个屏幕并显示带有选项卡的屏幕时，出现此错误：

Error: Could not resolve 'app.tab' from state 'app.principal'
    At Object.transitionTo (ionic.bundle.js: 52018)
    At Object.go (ionic.bundle.js: 51951)
    At ionic.bundle.js: 53001
    At ionic.bundle.js: 32328
    At completeOutstandingRequest (ionic.bundle.js: 19199)
    At ionic.bundle.js: 19475

---

有人能帮我找到标签吗？

我设法做到了这一点

.state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'templates/menu.html'
  })
    // setup an abstract state for the tabs directive
  /*  .state('tabs', {
    url: '/tab',
    abstract: true,
    templateUrl: 'templates/tabs.html'

  })*/

    .state('app.tabs', {
    url: '/tab',
    views: {
      'menuContent': {
        templateUrl: 'templates/tabs.html'
      }
    }
  })
   .state('app.tabs.comunidade', {
      url: '/comunidade',
      views: {
        'tab-comunidade': {
          templateUrl: 'templates/tab-comunidade.html',
          controller : 'ParksCtrl'
        }
      }
    })
   .state('app.tabs.comunidade-detail', {
      url: '/comunidade/:parkId',
      views: {
        'tab-comunidade': {
          templateUrl: 'templates/tab-detail.html',
          controller : 'ComunidadeDetailController'
        }
      }
    })
  .state('app.tabs.map', {
    url: '/map',
    views: {
      'tab-map': {
        templateUrl: 'templates/tab-map.html',
        controller: 'MapController'
      }
    }
  })

  .state('app.missa', {
    url: '/missa',
    views: {
      'menuContent': {
        templateUrl: 'templates/missa.html'
      }
    }
  })

---

我设法做到了这一点

.state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'templates/menu.html'
  })
    // setup an abstract state for the tabs directive
  /*  .state('tabs', {
    url: '/tab',
    abstract: true,
    templateUrl: 'templates/tabs.html'

  })*/

    .state('app.tabs', {
    url: '/tab',
    views: {
      'menuContent': {
        templateUrl: 'templates/tabs.html'
      }
    }
  })
   .state('app.tabs.comunidade', {
      url: '/comunidade',
      views: {
        'tab-comunidade': {
          templateUrl: 'templates/tab-comunidade.html',
          controller : 'ParksCtrl'
        }
      }
    })
   .state('app.tabs.comunidade-detail', {
      url: '/comunidade/:parkId',
      views: {
        'tab-comunidade': {
          templateUrl: 'templates/tab-detail.html',
          controller : 'ComunidadeDetailController'
        }
      }
    })
  .state('app.tabs.map', {
    url: '/map',
    views: {
      'tab-map': {
        templateUrl: 'templates/tab-map.html',
        controller: 'MapController'
      }
    }
  })

  .state('app.missa', {
    url: '/missa',
    views: {
      'menuContent': {
        templateUrl: 'templates/missa.html'
      }
    }
  })

---

您有一个指向不存在的状态的链接。“应用程序标签”。您的状态名为“tabs”，正如我所说，我将选项卡更改为tabs，然后进行了一些测试，我的路径如下：。状态（'tabs'，{Url:'/tab'，摘要：true，控制器：'TabsCtrl'，模板Url:'templates/tabs.html'}）。状态（'unit_tabs'，{Url:'/community'，视图：{'Community tab'：{TemplateUrl:'templates/tab Community.html'，}}}）此app.tab不存在。至少在您显示的代码中不存在us@yBrodsky非常感谢您的提示，但是现在还有另一个问题：，顶部菜单没有出现，我的侧菜单没有出现。问题是抽象状态“tab”本身应该是应用程序的嵌套状态。我假设应用程序是包含导航栏的抽象状态。您有一个指向不存在状态的链接。“app.tabs”。您的状态名为“tabs”，正如我所说，我将选项卡更改为tabs，然后进行了一些测试，我的路径如下所示：。state（'tabs'，”，{Url:'/tab'，摘要：true，控制器：'TabsCtrl'，TemplateUrl:'templates/tabs.html'}）。状态（'unit_tabs'，{Url:'/community'，视图：{'community tab'：{TemplateUrl:'templates/tab community.html'，}}）此app.tab不存在。至少在您显示的代码中不存在us@yBrodsky非常感谢您的提示，但现在还有另一个问题：，顶部菜单没有出现，我的侧菜单没有出现。问题是抽象状态“选项卡”本身应该是应用程序的嵌套状态。我假设应用程序是包含导航栏的抽象状态。