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: