angularjs - 当来自服务器的数据在Angularjs中为空时如何隐藏表行

Question

当来自服务器的数据为空时，如何隐藏表行，我正在使用 json-ld 和 angularjs。

这是我的 HTML Angular 模板。

<tr ng-hide="'{{data['ts:versionID']}}'==''">
     <td>Value Set Version</td>
     <td>{{data['ts:versionID']}}</td>
</tr>
<tr ng-hide="'{{data['ts:effectiveDate']['@value']}}'==''"> 
    <td>Effective Date</td>
    <td>{{data['ts:effectiveDate']['@value']}}</td>
</tr> 
<tr ng-hide="'{{data['ts:releaseDate']['@value']}}'==''">
    <td>Release Date</td>
    <td>{{data['ts:releaseDate']['@value']}}</td>
</tr>

我认为，如果 {{data['ts:versionID']}} == 为空，{{data['ts:versionID']}} == '' 将返回 true。当条件返回真时，它应该隐藏...

Answer 1

无需解析值：

<tr ng-hide="data['ts:versionID']">

第一行应该足够了（类似于其他两行），确保 JSON 响应存储在$scope.data其中（我假设已经是因为你在输出它td）。

如果指定的值如果为真（包括空字符串 - 这就是我删除比较的原因），它将被隐藏。