html - example - Angular2 Use ngIf sin un elemento adicional
ng-template angular 6 (3)
¿Puedo usar ngIf sin un elemento contenedor adicional?
<tr *ngFor="...">
<div *ngIf="...">
...
</div>
<div *ngIf="!...">
...
</div>
..
</tr>
No funciona con la tabla cuando agrego divs.
Encontré un método para eso en: https://angular.io/docs/ts/latest/guide/template-syntax.html#!#star-template .
Simplemente puede usar la etiqueta <template> y reemplazar *ngIf con [ngIf] así.
<template [ngIf]="...">
...
</template>
No puedes poner div directamente dentro de tr , eso haría que el HTML no sea válido. tr solo puede tener elementos td / th / table y dentro de ellos puede tener otros elementos HTML.
Podría cambiar ligeramente su HTML para tener *ngFor más de tbody y tener ngIf over tr sí como a continuación.
<tbody *ngFor="...">
<tr *ngIf="...">
...
</tr>
<tr *ngIf="!...">
...
</tr>
..
</tbody>
ng-container es preferido sobre la template :
<ng-container *ngIf="expression">
Ver: