2016-08-19 59 views
7

我想在模板語法這是一個數組評價如下:如何獲得數組的長度在模板語法

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> 

回答

28

使用

{{ cols?.length }} 

或者

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

如果你想爲空數組打印0 ,使用

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

原因:當Angular2加載模板時,不會啓動cols。我們希望等到它準備好訪問其成員。

+0

如果爲空然後如何打印零 –

+1

結帳我更新的答案。 –

+0

謝謝你的回答@Harry –

相關問題