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

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' }}

原因:colsAngular2加载模板时不启动.我们要等到它准备好访问其成员.