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

Posted 2023-05-07

【中文标题】使用浏览器后退按钮时，我的应用程序中的标题不会改变

【英文标题】：When browser back button is used, the headers in my app don't change

【发布时间】：2019-12-13 23:33:08

【问题描述】：

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

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

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

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

【问题讨论】：

标头是指应用程序内部的渲染组件或实际请求标头，例如content-type 或 cookie

代码中的渲染组件。

【参考方案1】：

您必须将其绑定到控制器中的数据并使用您的代码进行更改

<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 按下返回按钮时，应该触发之前的控制器（我们称之为 ctrlA）逻辑。在 ctrlA 内：

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

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

【讨论】：

能否详细说明。