角度2.x变化<标题>在头脑中(在我的应用程序之外）

Angular 2.x change <title> in head (outside my app)

本文关键字：我的 应用程序 lt 标题 角度 gt 变化      更新时间：2023-09-26

我认为这应该很容易，但我找不到如何做到。

我有类似的东西

<html>
<head>
  <title>{{'a' + 'b'}}</title>
</head>
<body>
  <my-app>Loading...</my-app>
</body>
</html>

我似乎无法访问my-app之外的任何内容。

在角1.x中，很容易，我可以在任何元素（<html ng-app="myApp">）上添加ng-app。

现在我想我只能在身体里自我引导了。

我知道我可以以某种方式手动引导（还没有尝试），但在单页应用程序中动态更改标题应该非常容易，不是吗？

Angular2无法引导到整个html。但你可以使用产权服务。

一种可用于获取和设置当前HTML文档标题的服务。

它有两种方法：

getTitle()
setTitle()

不要忘记查看依赖项注入部分，了解如何使用这些服务。

编辑：

从版本（2.0.0）开始，以下是您可以做到的：

import { Title } from '@angular/platform-browser';
export class SomeComponent {
  constructor(title: Title) {
    // title.getTitle();
    // title.setTitle('new title');
  }
}

Title服务的文档现在在这里：https://angular.io/docs/ts/latest/api/platform-browser/index/Title-class.html

相关文章：