javascript - Angular - 如何访问外部应用程序元素？

我正在使用 Angular 4.3.1。

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

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

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

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

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

类似的东西:

  <head [myVal]="myObjectVal">

我当然可以访问 DOM通过Document.querySelector() , 但我想知道是否有更好的方法(也许是 Angular 方法？)

问题:

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

最佳答案

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

你可以像使用普通的 TS/JS

document.querySelector('head')...

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

关于javascript - Angular - 如何访问外部应用程序元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45321930/