Question

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

我尝试了一个代码：页面仍显示在模板的菜单中，只隐藏其内容。我也收到错误

错误：无法找到要加载的主要插座＆＃39;布局＆＃39; 这是代码

 import { Component, Input } from '@angular/core';
 import { user }       from './forms/user';
 @Component({
 selector: 'forms',
 template: `<router-outlet *ngIf="!show"></router-outlet>`,

 })
 export class Forms {
 show: boolean=false;
 }

任何人都可以帮助我！

Answer 1

这个

错误：无法找到主要插座加载'布局'，这里是代码

因为条件和角度无法找到主路由器插座并抛出错误，因此您要从dom中移除路由器插座。你不应该在路由器插座上使用ngIf。您可以在html里面使用ngIf为manuplate html显示或隐藏基于条件的内容。

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

Opposite 

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

使用angular2隐藏和显示视图

1 个答案: