首页 文章

动态更改Angular“页面”

提问于
浏览
0

免责声明:我的 Headers 不准确,因为我真的不知道我该怎么做才能实现我想要的,这就是这个问题的目的;)

我正在构建一个标准的Angular 5应用程序 . boostraped组件是由CLI生成的AppComponent . 它的模板包含一个漂亮的抽屉,一个工具栏和路由器插座,可根据导航更改内容 . 一切都按预期工作 .

问题是我需要2个不适合此模板的页面 . 没有使用登录表单登录的主页和使用创建帐户表单登录的主页 .

我可以在我的模板中使用ngIf并且在一个中有一个“模板”(一个带抽屉,一个没有),并且基于导航页面将完全改变它的外观 . “较新”的模板只包含一个路由器插座,所以我可以拥有完全不同的组件 . 我不希望有一个带路由器插座的模板,因为导航时总是会重绘抽屉和工具栏(因为组件正在改变) .

但在我看来,这样的事情很奇怪...我已经在div上使用ngIf但在页面上使用“小”的东西,而不是整个页面!

还有另一种方法吗?

1 回答

  • 0

    免责声明:-)我对Angular很新 . 所以也许我会错过这一点 .

    我不确定,如果我明白你在哪里看到问题 . 假设这样的事情:

    <app-root>
      <app-nice-toolbar></app-nice-toolbar>
      <app-nice-drawer></app-nice-drawer>
      <app-login *ngIf ...
      <app-register *ngIf ...
      ...
    

    这种方法有什么问题?

相关问题