我正在为我的项目使用角度5。我使用2种不同的布局作为公共（登录页面）＆amp;安全（其他页面）。我想在index.html中有条件地将css类应用于<body> 。也就是说，
class="fixed-nav sticky-footer bg-light"仅应在访问安全布局时应用于<body>，但不应用于公共布局。
但我无法实现这一目标。请帮我解决。
这是我的代码 -
secure.component.html -
<app-navbar></app-navbar>
<div class="content-wrapper">
<div class="container-fluid">
<router-outlet></router-outlet>
</div>
</div>
<app-footer></app-footer>
public.component.html -
<router-outlet></router-outlet>
app.component.html -
<router-outlet></router-outlet>
index.html -
<body>
<app-root></app-root>
</body>