angular - 如何在模板语法中获取数组的长度

Question

我正在尝试评估以下模板语法中的数组:

FAIL 
{{ cols.length }}

我收到以下错误。

platform-browser.umd.js:1900 ORIGINAL EXCEPTION: TypeError: Cannot read property 'length' of undefined

但我确实进行了迭代，所以我知道该部分有效:

      SUCCESS
     <th *ngFor="let h of cols"> 
        {{h}}
      </th>

Answer 1

使用

{{ cols?.length }}

或者

<div *ngIf="cols">{{ cols.length }}</div>

如果要为空数组打印 0，请使用

{{ cols?.length || '0' }}

原因:cols在Angular2加载模板时没有启动。我们想等到它准备好访问其成员。