如果 array[0] = undefined Angular ngFor 什么也不渲染答案

【问题标题】：Angular ngFor renders nothing if array[0] = undefined如果 array[0] = undefined Angular ngFor 什么也不渲染
【发布时间】：2021-05-28 08:02:29
【问题描述】：

有一个数组：

var stringArray = new Array();
stringArray[1] = 'one';

当 stringArray[0] = undefined 时，ngFor 不会以角度呈现任何内容。

我该如何解决？

【问题讨论】：

您是否有意避免使用 null 等虚假值初始化数组？

标签： javascript arrays angular typescript ngfor

【解决方案1】：

这应该可以正常工作。我在< li > 中使用ng-container 与ngFor 和ngIf 进行循环
我能够在 stackblitz 中复制它，这是链接：

https://stackblitz.com/edit/angular-a2xph9?file=src%2Fapp%2Fapp.component.html

【讨论】：

【解决方案2】：

如果您想从模板中排除 undefined、null 和 empty 值，您可以简单地 filter 您的数据源：

  private source = [
    undefined, 
    null, 
    "", 
    "Hello World"
  ];

  public stringArray = source.filter(i => i);

StackBlitz

【讨论】：