UnitConsumptionIndexComponent.html:50 ERROR TypeError: Cannot read property ‘length’ of null

原文链接：这里

0.背景

angualr项目，经常会遇到这个错误。意思是你HTML中某一行没有没有length属性。

造成这个的主要原因是你遍历的数组出现了null值。

提供两个解决办法：

1.在ts文件中加入判断，让你的数组没有数值的时候为空数组，比如
arr=[] 这样。

2.在html中加入 if语句判断。没有数据就不显示，比如下面这样（angular语法）

<div *ngIf="regionData" nz-col nzSpan="8" *ngFor="let item of regionData">

</div>