css - 着陆页的 Angular 条件 CSS

Question

我正在设计一个 Angular 应用程序，它的着陆页样式与应用程序的其余部分完全不同。我已经设置了一些内部“页面”的样式，但需要添加额外的 div、类、使用不同的页脚等。

我一直在寻找最好的方法来做到这一点，但我找不到一致的答案。我以为我可以根据路线创建条件，但我不断收到模板错误。任何帮助是极大的赞赏。提前致谢!

Answer 1

毕竟我找到了解决这个问题的方法。在加载到页面元素的主要组件中，我在事件中添加了一个以查找“着陆页”网址:

    this.router.events.subscribe(event => {

        if (this.router.routerState.snapshot.url === '/') {

        } else {

        }
    }); 

然后使用 *ngIf 我传入值以显示/隐藏我想在我的目标网页和其他页面上的主要组件中加载哪些元素。