在Angular中,有没有一种方法可以让应用程序级的工具栏,而不是像登录、注册这样的页面?

在Angular中,有没有一种方法可以让应用程序级的工具栏,而不是像登录、注册这样的页面?,angular,performance,toolbar,Angular,Performance,Toolbar,我是个有棱角的初学者。我正在尝试为我的应用程序获取性能最佳的登录页面。我还不想进入角度宇宙。(在某个地方读到,它只会有助于降低FCP,而不会降低FMP) 无论如何,我有一个带有ngIf的工具栏应用程序组件。因为它是应用程序内组件,所以我不能延迟加载与工具栏相关的JavaScript。因此,尽管应用程序在用户登录后才需要工具栏,但它仍然下载必要的JS/CSS/HTML文件。这会使初始页面加载变慢。我调查了可能的解决办法 在所有功能模块中添加工具栏(可能是一个糟糕的解决方案) 在“/home”中有一

我是个有棱角的初学者。我正在尝试为我的应用程序获取性能最佳的登录页面。我还不想进入角度宇宙。(在某个地方读到,它只会有助于降低FCP,而不会降低FMP)

无论如何,我有一个带有ngIf的工具栏应用程序组件。因为它是应用程序内组件,所以我不能延迟加载与工具栏相关的JavaScript。因此,尽管应用程序在用户登录后才需要工具栏,但它仍然下载必要的JS/CSS/HTML文件。这会使初始页面加载变慢。我调查了可能的解决办法

  • 在所有功能模块中添加工具栏(可能是一个糟糕的解决方案)
  • 在“/home”中有一个父组件,它只有工具栏,并将其余页面作为子组件加载。(这种方法的问题是,我的所有路线中都有“home/”)

  • 任何其他解决方案都将不胜感激。

    有两种方法可以实现这一点。
    首先,您可以使用*ngIf,但我不建议您使用此选项。第二个选项是创建两个模块,一个是auth.module,用于登录和注册,另一个是pages.module,其中包含所有其他包含工具栏的组件。这两个组件都有自己的视图页面。组件将包含工具栏和auth组件将有任何你想添加的内容。删除应用程序组件中的所有内容,除了并为这些模块添加路由文件

    hi@Kishan Dasari您到目前为止尝试了什么?我想一旦你看到这个链接可能会对你有所帮助。