Question

如何使联系人选项卡中的按钮正确地重定向到“tabs.facts”

鉴于这些状态：

.state('tabs.home', {
  url: "/home",
  views: {
    'home-tab': {
      templateUrl: "templates/home.html",
      controller: 'HomeTabCtrl'
    }
  }
})
.state('tabs.facts', {
  url: "/facts",
  views: {
    'home-tab': {
      templateUrl: "templates/facts.html"
    }
  }
})
.state('tabs.contact', {
  url: "/contact",
  views: {
    'contact-tab': {
      templateUrl: "templates/contact.html"
    }
  }
});

此/contact页面上的此按钮

<button class="button" ui-sref="tabs.facts">
  Go to scientific facts!
</button>

如何让此按钮正确重定向，保留正确的视图历史记录？您可以点击此处的按钮查看其工作原理（转至联系页面）：http://codepen.io/jtmarmon/pen/qZPRLX

Answer 1

这是因为contact-tab的命名视图tabs.contact与home-tab不同。如果您将它们放在相同的命名视图下，则它们将具有正确的导航。如果您使用href而不是ui-sref，它将正常工作：

<button class="button" href="#/facts">
  Go to scientific facts!
</button>

离子 - 重定向状态嵌套在选项卡下

1 个答案: