动态更改角度“页面”

时间:2018-03-22 15:57:23

标签: angular

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

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

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

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

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

还有其他办法吗?

1 个答案:

答案 0 :(得分:0)

免责声明:-)我对Angular很新。所以也许我会忽略这一点。

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

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

这种方法有什么问题?