Angular：在表格单元格中渲染空值

Question

如何强制我的视图将空值作为空格呈现给模板？

<table>
  <tr *ngFor="let key of keys">
    <!-- may evaluate to null but I want the row anyway -->
    <td>{{ foo[key]}}</td>
  </tr>
</table>

Answer 1

null值作为空内容输出，折叠单元格。如果单元格仅包含空格字符，则会发生相同的情况。要获取非折叠单元格，可以在值为null时在其中插入不可破坏的空格：

<td>{{ foo[key] || "&nbsp;" }}</td>

请参阅this stackblitz。

Answer 2

我已多次使用的直接解决方案：

<td>{{ (foo[key] || '') }}</td>