javascript - 使用浏览器后退按钮时，我的应用程序中的标题不会更改

Question

在我的 angularjs 应用程序中，当我使用浏览器的后退按钮导航到上一页时。我的应用程序的 header 不会切换回来。

我还没有处理这个问题，因为我认为这会在页面加载时得到满足。

该应用程序很大，因此没有任何特定代码。问题出在整个应用程序中。

无论我是使用应用内按钮还是通过浏览器的后退按钮进行导航，我都希望标题能够变回上一页。

Answer 1

您必须将它绑定(bind)到 Controller 中的数据并使用您的代码更改它

<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Content-language" content="en"/>

<!-- other stuff -->


<!-- dynamic data -->
<meta name="description" content="{{htmlDescription}}">
<link rel="shortcut icon" type="image/x-icon" ng-href="{{htmlFavIcon}}"/>
<title ng-bind="htmlTitle"></title>

当您从 ctrlB 按下后退按钮时，应该触发之前的 Controller (我们称之为 ctrlA)逻辑。在 ctrlA 内部:

$rootScope.htmlTitle = ' title of screen A';

$rootScope.htmlDescription = ' html desc of screen A';