angularjs - 使用 AngularJS 和 UI-Router 更新标题标签

Question

我在尝试使用当前状态的名称(通过 ui-router)设置页面标题时遇到了一个奇怪的问题。

实际上，问题不在于设置标题，问题在于标题设置为 history.pushState 之前的下一个状态的标题。因此，当我转换到新 url 时，历史记录中的第一项与当前页面同名。

我只是在玩这个样本( http://angular-ui.github.io/ui-router/sample/ )，我也设法在那里复制了它。如果您点击关于，然后回到家，您将看到 2 个不同的“家”条目。它们都指向正确的 url，但它们的名字被破坏了。奇怪的是，单击 Contact.list 和 contact.details 会正确设置历史记录。

有没有解决的办法？在管道中时，history.pushstate 会被调用吗？

Answer 1

我有一个“类似”的情况......并回答了它here .

它基本上定义了 $rootScope.$state = $state在angular的run方法里面。这允许我们访问模板中的当前状态信息。

<title ng-bind="$state.current.data.pageTitle"></title>

关键是在 run 方法中的 $rootScope 上定义它。