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

问题描述：

我想实现着陆部分，只有在点击着陆部分中的按钮后，它应该重定向到包含标题部分和所有食谱的食谱。标题应该出现在食谱部分，购物清单部分，登录和注册部分。我无法理解在哪里实现着陆选择器。无法放置没有标题的着陆组件

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>

有人可以请帮我把登陆选择，以便它不应该包含头部分

答

你可以使用一个布尔（类似isEndLandingSection ）通过服务在需要的组件中可访问。当您单击着陆部分的按钮时，将此变量设置为true，并根据此布尔值简单地使用* ngIf显示或隐藏标题。这样，你不需要改变app.component.html，但header.component.html添加* ngIf

我使用了路由器并设置了一个路径{path：''，component：LandingComponent，pathMatch ：'充分'}。所以每当我的应用程序打开它包含登陆组件。 – arun

对不起，我误解了这个问题。如果在标题组件中使用生命周期钩子** OnInit **，将布尔值设置为false，并且在标题的html上，仍然使用* ngIf，它不能显示元素 –

对不起，没有得到它。你可以请一个片段解释吗？ – arun

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

相关推荐