Question

2017-08-18

1229

angular

我正在收到以下错误 defferboardcomponent.html：27错误typeError：无法读取未定义的

的属性'长度'thengus'

＆lt; div *ngif =“ LegardBoardTabledAta.length＆gt; 0”＆gt;

在组件中我有：

571580387

和服务：

858006925

当我尝试执行以下操作时：

hello 1＆lt; div *ngif = ngif =' LeadsobleTabledAta.Length＆gt; 0“＆gt;你好2 只有 Hello 1 打印出来，我收到了错误。

Answer 1

如果未定义 leaderBoardTableData ，则会出现此错误。修复此问题的最简单方法是使用以下命令：

<div *ngIf="leaderBoardTableData?.length > 0">

注意：您可以在 html 模板中使用 ?. 运算符，但不能在代码本身中使用。

Answer 2

这是因为变量没有值，无法解决：

选项 1 您可以在构造函数中初始化它：

constructor(){
   leaderBoardTableData = [];
}

选项 2 您可以添加一个带有 if 条件的 div

<div *ngIf="leaderBoardTableData">
   <div *ngIf="leaderBoardTableData.length > 0">
    ...
   </div>
</div>