时间戳

首页 > 解决方案 > 根据角度 6 中的条件更改模板

angular - 根据角度 6 中的条件更改模板

问题描述

我有带有标题、页脚和内容的 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
      }
    });

标签： angularangular6

解决方案

你可以用它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用你想要的任何东西改变它，你的逻辑就可以工作了。

推荐阅读