如何在Angular Universal中向<body>添加类？

Question

如何在Angular Universal中向<body>添加类？

unt*_*led 3 angular-universal angular

我们可以Rendered2在Angular应用程序的浏览器版本中使用,但它需要document.body引用,并且在服务器呈现时不可用.

platform-browser有Title和Meta组件,但我想有更多的控制<head>部分,如注入<script>标签,访问body元素等.

有办法吗？

Answer 1

Max*_*kyi 11

实际上,Angular Universal使用DOMINO库,它document以与浏览器相同的方式创建.唯一的区别是你必须DOCUMENT像这样注入:

import { DOCUMENT } from '@angular/common';
import { Component, Inject, Renderer2 } from '@angular/core';

@Component({ ... })
export class AppComponent {
    constructor(@Inject(DOCUMENT) document, r: Renderer2) {
        r.addClass(document.body, 'myclass');
    }
}

Run Code Online (Sandbox Code Playgroud)

归档时间：	8 年前
查看次数：	1574 次
最近记录：	8 年前