如何更改视图页面源中的动态标题？

Question

我有默认值， $document[0].title = "My App" 。 在 html 中， <title ng-bind="title"></title>它将在选项卡标题上显示为"My App"

当您右键单击页面并显示“查看页面源”时，它仍然显示<title ng-bind="title"></title>而不是<title>My App</title>

Answer 1

将其设置在 $rootScope 上：在您的配置中

app.run(($rootScope) => {
  $rootScope.title = 'your title';
});

然后在您的控制器/指令控制器中

angular
  .module('app')
  .controller('something', ($rootScope, $scope) => {
    $rootScope.title = 'Dashboard';
  });

Answer 2

你不能。 查看源代码显示源代码。 您使用 JavaScript 对 DOM 所做的更改不是源代码的一部分。

元素检查器将显示实时 DOM 的视图，但源代码始终是源代码。