时间戳

首页 > 解决方案 > 根据属性显示文本

javascript - 根据属性显示文本

问题描述

我想在线或离线显示文本，具体取决于属性的值。因此，如果属性 camera.key 为 null，则必须显示离线文本。否则，必须显示在线文本。

所以我有这个模板：

<h3>Camera sensoren</h3>
<table>
    <th>Name</th>
    <th>Last update</th>
    <th>Status sensor</th>
    <tr *ngFor="let camera of sensorStatusCollection.cameraSensors">
    <td>{{ camera.key }}</td>
    <td>{{ camera.latestTimestamp }}</td>
    <td *ngIf ="camera.key === null ? online : offline "></td>
  </tr>
</table>

但是我必须在打字稿部分声明什么？

谢谢

标签： javascriptangulartypescript

解决方案

只需修改您的代码，将其放入td正文

<td>{{camera.key === null ? "online" : "offline" }}</td>

为了更好地理解*ngIF如果你想使用它，它是一个角度结构指令，你可以在这里找到更多关于它的信息，它是什么以及如何使用它NgIf，这里有一个例子：

<td *ngIf ="camera.key === null">online</td>
<td *ngIf ="camera.key !== null">offline</td>

推荐阅读