Angular 角度渲染器2不在SSR上渲染元素

我正在尝试将

标记添加到页面

标题

。为此，我创建了一个引导侦听器，并插入了一个

renderFactory2

并创建了renderR2的实例：

  const renderer: Renderer2 = rendererFactory.createRenderer(document, {
    id: 'alternate_link_server_injector',
    encapsulation: ViewEncapsulation.None,
    styles: [],
    data: {}
  });

之后，我使用渲染器插入链接：

  settingsSelectors.languages$
    .pipe(
      first(),
      switchMap((languages: SettingsLanguage[]) => forkJoin(
        languages.map(lang =>
          translRouteServ
            .translateRoute(router.url, lang)
            .pipe(map(url => ({ url, lang })))
        )
      )),
    )
    .subscribe(translates => {
      appendLinksToHead(translates, renderer, origin, document);
    });

...

function appendLinksToHead(
  translates: { lang: SettingsLanguage, url: string }[],
  renderer: Renderer2,
  origin: string,
  document: any
) {
  Array.from<HTMLLinkElement>(
    document.head.querySelectorAll('link[rel="alternate"][hreflang]')
  ).forEach(el => renderer.removeChild(document.head, el));

  translates.forEach(({ url, lang }) => {
    const link = renderer.createElement('link');

    renderer.setAttribute(link, 'rel', 'alternate');
    renderer.setAttribute(link, 'hreflang', lang.language);
    renderer.setAttribute(link, 'href', origin + url);

    renderer.appendChild(document.head, link);
  });
}

---

你能展示一下

文档

变量是如何注入的吗？@David根据你的评论更新了我的问题。它可能不会改变任何东西，但你为什么要使用工厂来创建渲染器呢？Angular只向组件提供Render2，如果需要在组件之外使用渲染器，则需要使用RenderFactory2（文档：）自己创建渲染器

import { DOCUMENT } from '@angular/common';
...
export const alternateLinkInjectorFactoryServerDeps = [
  Router,
  TranslateRoutesService,
  DOCUMENT,
  SettingsSelectors,
  RendererFactory2,
  'ORIGIN_URL'
];