使用angular 2模板头部标记的最佳方法是什么

我想知道使用angular 2的模板头标签的最佳方式是什么？ 例如，我有一个视频列表，当用户单击任意视频时，我希望视频的某个标题进入标题标签。 我有一些想法，比如创建一个服务并在其他组件中使用，比如：

   import {Injectable} from 'angular2/core';
    import {Title} from 'angular2/platform/browser';

    @Injectable()
    export class SEOService {

        private _default: any;
        private _head: Element;

        constructor(private _title: Title) {
            this._head = document.querySelector('head');
        }

        public setDefault(model: any) {
            this._default = model;
        }

        public update(model: any) {
            var title = this._default.title + (model.title ? ' | ' + model.title : '');
            var desc = model.description || this._default.description;

            this._title.setTitle(title);

            this.setMeta('description', desc);
            this.setMeta('keywords', model.keywords || this._default.keywords);


        }

---

对于页面标题，有一个服务。对于其他元标签和其他全局内容，计划提供额外的支持，但目前只有标题服务可用

---

只需导入

Title

类并使用它的

getTitle（）

和

setTitle（）

方法。

不幸的是，它目前不适用于服务器端渲染。我不使用服务器端渲染。为什么你认为它不起作用？SSR是其存在的主要原因之一（除了网络工作者）