Question

我正在使用Angular 4.3.1。

假设我有这个index.html文件：

<!DOCTYPE html>
<html>
  <head>
    <base href="." />
     ...
     ...
  </head>

  <body>
    <my-app>
    loading...
  </my-app>
  </body>
</html>

App“域”从<my-app>元素及其内部元素开始。

但是，如果我想访问<head>元素并将其中一个属性设置为某个值，该怎么办？

类似的东西：

  <head [myVal]="myObjectVal">

当然我可以通过DOM访问Document.querySelector()，但我想知道是否有更好的方法（可能是Angular方式？）

问题：

假设我有一个服务（@Injectable）并且它有一个对象，我如何以 Angular方式设置<head [myVal]="myObjectVal"> ？

Answer 1

Angular不支持绑定到根元素之外的元素。

您可以使用普通的TS / JS

document.querySelector('head')...

还有Meta服务允许设置元标记。