无法放置没有标题的登陆组件

时间:2017-10-28 21:31:21

标签: angular angular-router

我正在尝试实现着陆部分,只有在点击着陆部分中的按钮后,它才会重定向到包含标题部分和所有配方的食谱。标题应出现在食谱部分,购物清单部分,登录和注册部分。我无法理解在哪里实现着陆选择器。

app.component.html

<app-header></app-header>
<div class="container">

  <div class="row">
    <div class="col-md-12">

  <router-outlet></router-outlet>
    </div>
  </div>
</div>

有人可以帮我放置着陆选择器,使其不应包含标题部分

1 个答案:

答案 0 :(得分:0)

您可以通过服务在所需组件中使用布尔值(类似于isEndLandingSection)。当您单击着陆部分的按钮并将* ngIf根据此布尔值显示或隐藏标题时,可以将此变量设置为true。 这样,您无需更改app.component.html,但需要更改header.component.html以添加* ngIf