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

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

原因：当Angular2加载模板时，不会启动cols。我们希望等到它准备好访问其成员。