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

时间:2016-05-22 11:59:06

标签: javascript ios angularjs ionic-framework tabs

假设我的应用中有两个标签,一个是tab-one,另一个是tab-two现在我想从标签一视图(one.html)导航到标签标签 - 两个视图(两个)。 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'     
      }
    }
  })

2 个答案:

答案 0 :(得分:1)

我还没有在控制器中试过它。但是,我知道如果您在链接中使用Route::get('category/{product}', 'Controller@function'); Route::get('{parent}/{child}', 'Controller@function'); 属性(但不必是ui-sref - 标记,则它会起作用。请参阅下文)

例如: 在<a>模板中添加一个按钮,其中的州名称位于one.html

ui-sref

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

答案 1 :(得分:0)

因为每个标签有两种状态, 在 OneCtrl 中,您需要在想要导航时编写$state.go('tab.ccpo');