How to get length of array in template syntax

angular

Use

{{ cols?.length }}

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

If you want to print 0 for empty array, use

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

Reason: cols is not initiated when Angular2 load the template. And we want to wait until it's ready to access its members.

angular

Try defining the cols variable as an object list on .ts archivecols: object[];

If you want to print 0 for an empty array use the ternary operator:

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

CodeHunter