使用href重定向到angularjs中的选项卡

时间:2016-08-08 13:06:27

标签: angularjs ionic-framework tabs

我目前正在尝试使用标签模板离子。我到了一个舞台,我的主要标签中有一个二级标签。

.state('tab.leaderboard', {
url: "/leaderboard",
abstract:true,
views: {
  'tab-leaderboard': {
      templateUrl: "templates/tab-leaderboard.html",
      controller: 'LeaderboardCtrl'
  }
}
})

.state('tab.leaderboard.players', {
url: "/players",
views: {
  'leaderboard-page': {
      templateUrl: "templates/players-leaderboard.html",
      controller: 'PlayersCtrl'
  }
}
})

.state('tab.leaderboard.teams', {
url: "/teams",
views: {
  'leaderboard-page': {
      templateUrl: "templates/teams-leaderboard.html",
      controller: 'TeamsCtrl'
  }
}
})

如果我使用指向我的标签tab.leaderboard.teams的直接链接,地址栏上的网址会发生变化,则标题标题会更改但内容未加载,而且我拨打电话的当前页面会保持打开状态。< / p>

但是,如果我点击指向tab.leaderboard.teams的链接,则效果非常好。

此外,如果我在我的html上切换标签并首先制作球队标签,那么它适用于球队,而不适用于球员。

请注意,如果我手动转到标签,那么一切都很好。只有当我使用href打开它时才会出现问题。

任何帮助都将不胜感激。

修改

我还使用了ng-click ='func()'然后在我的控制器上使用$state.go('tab.leaderboard.teams')它不起作用。对于我的html上的ui-sref也一样。网址会发生变化但不会改变内容。

1 个答案:

答案 0 :(得分:0)

angular-ui-router基于状态。如果你想从一个州转到另一个州那么你必须使用&#34; ui-sref&#34;或&#34; $ state.go()&#34;

例如:

x