ngFor solo se puede aplicar a una <template> . *ngFor es la forma abreviada que se puede aplicar a cualquier elemento y el elemento <template> se crea implícitamente detrás de la escena.

https://angular.io/api/common/NgForOf

Sintaxis

• <li *ngFor="let item of items; let i = index">...</li>
• <li template="ngFor let item of items; let i = index">...</li>
• <template ngFor let-item [ngForOf]="items" let-i="index"><li>...</li>

Es el mismo patrón para todas las directivas estructurales .

Ejemplo de Plunker

actualizar

Con la versión final 2.0.0, se introdujo <ng-container> , que se comporta como <template> (un elemento contenedor que en realidad no se agrega al DOM) pero admite la *ngFor="..." .

Cuando Angular ve el asterisco (*) en ngFor, utilizará su elemento DOM como plantilla para representar el ciclo.

 <div *ngFor="#hero of heroes"> {{ hero.name }} </div>

es equivalente a

 <template ngFor #hero [ngForOf]="heroes"> <div> {{ hero.name }} </div> </template>

Cita de la documentación oficial de Angular :

Cuando revisamos las directivas integradas NgFor y NgIf , mencionamos una rareza de la sintaxis: el asterisco (*) que aparece antes del nombre de la directiva.

El * es un poco de azúcar sintáctico que facilita la lectura y escritura de directivas que modifican el diseño HTML con la ayuda de plantillas. NgFor , NgIf y NgSwitch agregan y eliminan subárboles de elementos que están envueltos en etiquetas <template> .

Para obtener más detalles, consulte

https://angular.io/guide/template-syntax#directivas-estructurales-integradas

https://angular.io/guide/structural-directives#asterisk

*ngFor tiene cuatro propiedades: índice , último , par e impar . Podemos obtener el valor del índice por iteración, el último valor, impar o incluso el propio índice utilizando variables locales. Aquí hay un ejemplo de trabajo:

 demoArray= [1,2,3,4,5,6,7,8,8,9]; <ul> <li *ngFor='#item of demoArray #i=index #l=last #e=even'> Item value is : {{item}} has index value is : {{i}} and last value is :{{l}} even index :{{e}}</li> </ul>