the angular animation showContacts dont work:
export let showContacts=trigger('showContacts', [ state('void', style({ opacity: 0, backgroundColor:'red' })), transition(':enter', [ animate('2s',keyframes([ style({ opacity: 0, backgroundColor:'red', offset: 0 }), style({ opacity: 1, backgroundColor:'blue', offset: 1 })])), ]) ]);
Its use in this html:
<div @showContacts *ngIf="(page>captionStates.states.length-2); else other_content"> <app-contact> </app-contact> </div> <ng-template #other_content> {{text}} </ng-template>