sigo recibiendo el error
No se puede vincular a 'ngIfElse' ya que no es una propiedad conocida de 'ul'.
Estoy seguro de que en alguna parte estoy cometiendo un error estúpido pero no puedo encontrarlo.
<ul *ngIf="!finished; else elseBlock" id='time'> <li id='hour' class="chart" data-percent="100"><span>{{hour}} </span></li> <li id='min' class="chart" data-percent="100"><span>{{minute}}</span></li> <li id='second' class="chart" data-percent="100"><span>{{second}}</span></li> </ul> <ng-template #elseBlock> <h4 id='time'>DONE</h4> </ng-template>Angular 2 no es compatible con Esle, tiene 2 opciones:
1: usando caso positivo:
<ul *ngIf="!finished" id="time"> <li id='hour' class="chart" data-percent="100"><span>{{hour}} </span></li> <li id='min' class="chart" data-percent="100"><span>{{minute}}</span></li> <li id='second' class="chart" data-percent="100"><span>{{second}}</span</li> </ul> <h4 id="time" *ngIf="finished"> <!-- this --> DONE </h4>2: actualice su aplicación a Angular 4:
En Linux/Mac:
npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest typescript@latest --saveEn Windows:
npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --saveSi confía en las animaciones, importe el nuevo BrowserAnimationsModule desde @angular/platform-browser/animations en su NgModule raíz. Sin esto, su código se compilará y ejecutará, pero las animaciones generarán un error. Las importaciones de @angular/core quedaron en desuso, use las importaciones del nuevo paquete import { trigger, state, style, Transition, animate } from '@angular/animations';.
http://angularjs.blogspot.com/2017/03/angular-400-now-disponible.html
La directiva ng-if solo maneja el caso positivo. Para el caso negativo (el else ) use un bloque separado:
<ul ng-if="!finished" id="time"> <li id='hour' class="chart" data-percent="100"><span>{{hour}} </span></li> <li id='min' class="chart" data-percent="100"><span>{{minute}}</span></li> <li id='second' class="chart" data-percent="100"><span>{{second}}</span></li> </ul> <ng-if="finished"> <h4 id='time'>DONE</h4> </ng-template>