Question

我正在使用angular 4进行项目，如何仅将类添加到index.html的主体。例如

   <body class="home">
      <app-root></app-root>

   </body>

我希望仅在我的HomeComponent加载和删除任何其他页面/组件

时才添加此类

为每个人欢呼。

Answer 1

您无法在index.html中真正使用Angular功能。我建议对应用程序的结构采用不同的方法。

将您的app-root组件定义为router-outlet。然后使用您的菜单，标题以及您想要的所有其他样式构建一个shell组件。＆＃34; home＆＃34;。

然后，您可以将没有样式的任何页面直接路由到app-root的路由器插座，以及您希望将样式添加到shell组件的任何页面。

<强> app.component.html

<router-outlet></router-outlet>

<强> shell.component.html

<mh-menu></mh-menu>

<div class='container'>
    <router-outlet></router-outlet>
</div>