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

Javascript 如何通过单击IONIC中的链接或url从一个选项卡导航到另一个选项卡?,javascript,ios,angularjs,ionic-framework,tabs,Javascript,Ios,Angularjs,Ionic Framework,Tabs,假设我的应用程序中有两个选项卡,一个是选项卡一,另一个是选项卡二,现在我想从选项卡一的视图(One.html)导航到选项卡二的视图(two.html)。 我尝试了$state.go(),$location,$window.location,但没有任何效果,如果所有视图都位于相同的选项卡下,即使控制器不同,我也可以成功导航到任何视图,但如果视图属于不同的选项卡,则导航不起作用,下面的代码显示了app.js文件中定义的状态 .state('tab.tasklist', { url: '/ta

假设我的应用程序中有两个选项卡,一个是
选项卡一
,另一个是
选项卡二
,现在我想从选项卡一的视图(One.html)导航到选项卡二的视图(two.html)。 我尝试了$state.go(),$location,$window.location,但没有任何效果,如果所有视图都位于相同的选项卡下,即使控制器不同,我也可以成功导航到任何视图,但如果视图属于不同的选项卡,则导航不起作用,下面的代码显示了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'     
      }
    }
  })

我还没有在控制器上试过。但是,我知道如果您在链接中使用
ui sref
属性,它会起作用(但不必是
-标记。请参见下文)

例如: 在
one.html
模板中放置一个按钮,并在
ui sref
中显示状态名称:

<button ui-sref="tab.ccpo">Second tab</button>
第二个选项卡

它将把您从第一个选项卡带到第二个选项卡。

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