Question

我有带标题，fooyter和content的dashobaord模板。我需要为角度6中的某些条件加载另一个模板，这是我当前的仪表板模板

<app-header></app-header>
    <div class="wrapper">
     -------
    </div>
<app-footer></app-footer>

在某些情况下，我需要加载另一个组件<app-no-permission ></app-no-permission>。

这是我的dashboard.component.ts文件

ngOnInit() {
    this.auth.menuAccessCheck(this.router.url).subscribe(datas => {
      this.menuAccess = datas;
      if(this.menuAccess.data.can_view==1){
        //load normal template
      }else{
        //load app-no-permission template
      }
    });

Answer 1

您可以使用NgIf来做到这一点。假设this.menuAccess.data.can_view可以是1或2。这就是.html的样子：

<app-header></app-header>
    <div class="wrapper">
       <span *ngIf="menuAccess.data.can_view == 1"> Showwing ONE</span>
       <span *ngIf="menuAccess.data.can_view == 2"> Showwing TWO</span>
    </div>
<app-footer></app-footer>

只需更改span即可，您的逻辑就会起作用。

模板根据角度6

1 个答案: