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

【问题标题】：Use href to redirect to tab in angularjs使用href重定向到angularjs中的选项卡
【发布时间】：2016-08-08 13:06:27
【问题描述】：

我目前正在尝试使用选项卡模板进行离子。我已经到了在我的一个主选项卡中有一个二级选项卡的阶段。

.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 的直接链接，地址栏上的 URL 会发生变化，栏标题会发生变化，但内容不会加载，并且我拨打电话的当前页面保持打开状态。

但是，如果我单击指向 tab.leaderboard.teams 的链接，它会完美运行。

此外，如果我在我的 html 上切换标签并首先制作团队标签，那么它适用于团队而不是玩家。

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

任何帮助将不胜感激。

编辑

我还使用了 ng-click='func()'，然后在我的控制器上使用了 $state.go('tab.leaderboard.teams')，但它不起作用。我的 html 上的 ui-sref 也是如此。 url 改变，但内容没有改变。

【问题讨论】：

你能用 ng-click='func()' 代替 href 吗？
如果你使用的是 ui-router 则使用 ui-sref 而不是 href
@GuyLevin 我尝试了ng-click='func()'，然后在我的函数上我使用了state.go，但它仍然是一样的。 @Aks1357 我使用了 ui-sref 但它不起作用。结果是一样的。网址改变但内容不变

标签： angularjs ionic-framework tabs

【解决方案1】：

angular-ui-router 基于状态。如果你想从一种状态转到另一种状态，则必须使用“ui-sref”或“$state.go()”

例如：

<a ui-sref="stateName">to go page</a>

【讨论】：