使用angular2隐藏和显示视图

我只想在用户登录时满足条件时在模板中显示页面。 我使用过ngIf*但我不知道我必须把它放在哪里，无论是在路由页面还是组件页面

我尝试了一个代码：页面仍然显示在模板的菜单中，只有它的内容是隐藏的。我也犯了一个错误

错误：找不到要加载“布局”的主出口 这是密码

从'@angular/core'导入{Component，Input}；
从“./forms/user”导入{user}；
@组成部分({
选择器：'表格'，
模板：``，
})
出口类表格{
show:boolean=false；
}

谁能帮帮我吗

这个

错误：找不到要加载“布局”的主出口。这是代码

因为您正在从dom中删除路由器出口，因为条件和角度无法找到主路由器出口并抛出错误。您不应该在路由器出口上使用ngIf。您可以使用ngIf-insidehtml作为manuplatehtml，根据条件显示或隐藏内容

<div *ngIf="!show">
 Some data
</div>

Opposite 

<div *ngIf="show">
 Some data
</div>

一些数据
对立面
一些数据

语法是

*ngIf=“…”

。不

ngIf*=“…”

。因打字错误而关闭。谢谢！这个错误消失了！但这并没有解决我的问题，出现了另一个错误

错误：找不到主出口来加载“布局”

无论如何，为什么要隐藏出口，它们既不是组件，也不是组件的容器，这也是您上次发布错误的原因，即未修改的（主）插座被

*ngIf

@Dummy删除了，我不知道我必须把

*ngIf

放在哪里才能从模板中隐藏页面。你知道我要把它放在哪里吗！将其放在要移除的组件上。另外，请注意

ngIf

renoves来自DOM的元素。要切换样式，请使用样式绑定

<div *ngIf="!show">
 Some data
</div>

Opposite 

<div *ngIf="show">
 Some data
</div>