如何通过单击 IONIC 中的链接或 url 从一个选项卡导航到另一个选项卡？答案

【问题标题】：How to navigate from one tab to another tab by clicking a link or url in IONIC?如何通过单击 IONIC 中的链接或 url 从一个选项卡导航到另一个选项卡？
【发布时间】：2016-05-22 11:59:05
【问题描述】：

假设我的应用程序中有两个选项卡，一个是 tab-one，另一个是 tab-two 现在我想从选项卡视图 (one.html) 导航到选项卡选项卡二视图 (two.html)。我试过 $state.go(), $location, $window.location 但没有任何效果，如果所有视图都在同一个 tab 下，我可以成功导航到任何视图，即使 controllers > 是不同的，但是如果视图属于不同的标签，导航不起作用，以下代码显示在 app.js 文件中定义的状态

.state('tab.tasklist', {
    url: '/tasklist',
    views: {
      'tab-one@tab': {
        templateUrl: 'templates/one.html',
        controller: 'OneCtrl'
      }
    }
  })

.state('tab.ccpo', {
    url: '/ccpo',
    views: {
      'tab-two@tab': {
        templateUrl: 'templates/two.html',
        controller: 'AnotherCtrl'     
      }
    }
  })

【问题讨论】：

标签： javascript ios angularjs ionic-framework tabs

【解决方案1】：

我还没有在控制器中尝试过。但是，我知道如果您在链接中使用ui-sref 属性，它会起作用（但不一定是<a>-tag。见下文）

例如：在one.html 模板中放置一个按钮，在ui-sref 中使用状态名称：

<button ui-sref="tab.ccpo">Second tab</button>

它会将您从第一个标签带到第二个。

【讨论】：

【解决方案2】：

因为每个选项卡都有两种状态，在 OneCtrl 中，您需要在想要导航时写 $state.go('tab.ccpo');

【讨论】：