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

Question

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

这是我的HTML Angular Template。

<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。当条件返回true时，它应该隐藏......

Answer 1

无需解析值：

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

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

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