angular - 无法将值从应用程序组件传递到angular5中的index.html中的id属性

我有angular5应用程序，我想要启用或禁用项目中index.html文件的id属性值。我正在将值从app.component.ts文件传递给index.html。首先是否可以将值从应用程序组件传递到index.html文件。

我用属性“ id”包装在div中。这样我就可以将值传递给id属性。使id属性作为指令。（不知道这是可能的）

app.component.ts文件

toggleMindsphereOSBar() {
    return this.exp = this.globalService.getConfig().MINDSPHERE_OS_BAR ? '_mdspcontent': null;
  }

index.html文件

<body class="blue-grey lighten-5">
  <div [id]="toggleMindsphereOSBar()">
      <app-root></app-root>
  </div>
</body>

我可以获得我想要的this.exp变量的值。但是，当我在浏览器中检查index.html文件时，该值未注入dom。它按原样显示[id] =“ toggleMindsphereOSBar（）。

谁能给我一个深刻的见解，以解决该问题或我在这里做错了什么。谢谢