html - 如果数据库未返回 Angular 5 移动应用程序中特定标签的任何值，如何在 html 中隐藏标签？

Question

我目前在 html 表中显示一些值，如下所示:

姓名:阿伦·库马尔

电话(R) : 7604215454

 (M):             

电子邮箱:myemailaddress@gmail.com。

在某些情况下，会有一些空标签。 (即，这些标签在数据库中没有值(value))。现在我需要隐藏这些标签，以防万一数据库中没有值，而且这些标签只有在数据库返回它的值时才应该可见。例如，在上面的场景中，如果标签 (M) 没有值(value)，我需要隐藏它。如果标签包含 (M) 的值，则标签应该是可见的。请帮我解决这个问题的 friend 们。我是 Angular 5 的新手。非常感谢。

这是一个示例代码片段:

<table>
            <tr>
              <th style="font-weight:bold ; width: 30%;vertical-align: top;">Name</th>
              <br>
              <th style="font-weight:bold;">{{item.name}} </th>
            </tr>

            <tr>
              <th style="font-weight:bold;">Phone(R)</th>
              <br>
              <th style="font-weight:500;">{{item.mobile}}</th>
            </tr>
            <tr >
              <th style="font-weight:bold;text-align: right; padding-right: 8%">(M)</th>
              <br>
              <th style="font-weight:500;">{{item.phone}}</th>
            </tr>

Answer 1

使用 ngIf 指令隐藏数据。

<table>
            <tr>
              <th style="font-weight:bold ; width: 30%;vertical-align: top;">Name</th>
              <br>
              <th style="font-weight:bold;">{{item.name}} </th>
            </tr>

            <tr>
              <th style="font-weight:bold;">Phone(R)</th>
              <br>
              <th style="font-weight:500;">{{item.mobile}}</th>
            </tr>
            <tr *ngIf="item.phone" >
              <th style="font-weight:bold;text-align: right; padding-right: 8%" >(M)</th>
              <br>
              <th style="font-weight:500;">{{item.phone}}</th>
            </tr