example - Declaración de Angular2 else

ngif else angular 6

Question

¿Cómo se propone angular2?

<div *ngFor="let todo of unfinishedTodos">
{{todo.title}}
</div>

en caso de que no se unfinishedTodos.length >0

y el texto "vacío" en otros casos.

PD

<div *ngIf="unfinishedTodos && unfinishedTodos.length > 0">
<div *ngFor="let todo of unfinishedTodos">
{{todo.title}}
</div>
</div>
<div *ngIf="!unfinishedTodos || unfinishedTodos.length <= 0">
empty
</div>

se ve feo

Answer 1

Prueba esto

<div *ngFor="let todo of unfinishedTodos">
{{todo.title}}
</div>
<div *ngIf="!unfinishedTodos?.length">
empty
</div>

Answer 2

Angular 4.0

<ng-template #elseTemplate>
else
</ng-template>
<ng-container *ngIf="expression; else elseTemplate">
true
</ng-container>

o

<ng-container *ngIf="expression; then thenBlock; else elseBlock"></ng-container>
<ng-template #thenBlock>
then
</ng-template>
<ng-template #elseBlock>
else
</ng-template>

<template> está en desuso en favor de <ng-template> para evitar la colisión del nombre con la etiqueta ya existente.

Angular 2.0

<ng-container *ngIf="expression">
true
</ng-container>
<ng-container *ngIf="!expression">
else
</ng-container>

Puede usar, por ejemplo, <div> lugar de <ng-container>

Answer 3

Con la nueva sintaxis de Angular 4.0.0 para la declaración else se ve así:

<div *ngIf="unfinishedTodos && unfinishedTodos.length > 0; else empty">
<div *ngFor="let todo of unfinishedTodos">
{{todo.title}}
</div>
</div>
<ng-template #empty>
empty
</ng-template >