【问题标题】:Angular 2.x change <title> in head (outside my app)Angular 2.x 在头部更改 <title> (在我的应用程序之外)
【发布时间】:2016-03-29 03:06:04
【问题描述】:

我认为这应该很容易,但我找不到方法。

我有类似的东西

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

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

在 angular 1.x 中这很容易,我可以在任何元素 (&lt;html ng-app="myApp"&gt;) 上添加 ng-app

现在我想我只能在体内引导。

我知道我可以以某种方式手动引导(尚未尝试),但在单页应用程序中动态更改标题应该非常简单,不是吗?

【问题讨论】:

    标签: javascript angularjs


    【解决方案1】:

    Angular2 不能引导到整个 html。但是你可以使用Title Service

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

    它有两种方法:

    getTitle()
    
    setTitle()
    

    别忘了查看dependency injection 部分,了解如何使用这些服务。

    编辑:

    从发布 (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

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-07-04
    • 2016-03-26
    • 1970-01-01
    • 1970-01-01
    • 2020-02-28
    • 2021-04-10
    • 1970-01-01
    相关资源
    最近更新 更多