如何在角度显示中制作表格

时间:2019-08-26 13:57:36

标签: angular angular-ng-if

因此,我试图在某些情况下而不是根本显示我的表格。我理解它的逻辑方面,但是我不确定在代码中的什么位置。另外,我还没有找到学习* ngif的好课。因此,如果有人推荐一个好的网站,请分享!

我尝试将* ngif插入表格本身的正上方,但它只会引发错误,导致我的页面无法加载。

<tr>
    <!--AppConfig Link-->
    <td class="mapTable"><h6>AppConfig Info</h6></td>
    <td class="mapTable" colspan="3">
       <h6>AppConfig Link</h6>
         <a [href]="tomylink" target="_blank">{{referencingpage}}</a>
    <table class="nestedTable">
       <tr>
         <th class="mapTable">LOB</th>
         <th class="mapTable">Owned By</th>
       </tr>
       <tr *ngFor="myreferencepage">
         <td class="mapTable">{{myreferenceagain}}</td>
         <td class="mapTable">{{anotherreference}}</td>
       </tr>
      </table>
      </td>
</tr>

因此,我删除了我的实际链接,只是为了向您展示我的目标。标头appconfiglink应该显示,但表“嵌套表”应在此处作为条件。再一次,只要满足条件就寻找表格。如果条件不匹配,则不显示任何内容

1 个答案:

答案 0 :(得分:0)

将ngIf条件添加到表中:

<table *ngIf="yourVariable" class="nestedTable">

将该变量添加到您的打字稿文件中。并根据要显示或隐藏嵌套表的时间从那里更改其值。