首页 > 解决方案 > 用于登录页面的 Angular 条件 CSS

问题描述

我正在设计一个 Angular 应用程序,该应用程序的登录页面风格与应用程序的其余部分完全不同。我已经设计了一些内部“页面”,但需要添加额外的 div、类、使用不同的页脚等。

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

标签: cssangularconditional

解决方案


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

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

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

        } else {

        }
    }); 

然后使用 *ngIf 我传入的值来显示/隐藏我想在我的登录页面与其他页面上的主要组件中加载哪些元素。


推荐阅读