<div *ngIf="listS.lists | async as lists;" class="large-padding" [@enterState]="lists.length"> <div *ngFor="let list of lists"> <a routerLink="/lists/{{list.id}}" > <article class="card block large-padding top-space with-badge">
<h4>{{list.title}}</h4> <div class="badge"> <span>0</span> </div> </article> </a> </div> </div>
-
check_circle_outlineMódulo 1 | 8 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 10 clases
Autenticación de usuarios
expand_more -
check_circle_outlineMódulo 3 | 11 clases
Core central de la aplicación
expand_more -
check_circle_outlineMódulo 4 | 13 clases
Animaciones y Más
expand_more-
done_all
Clase 1
Configuar @angular/animations
-
done_all
Clase 2
Mostrar/ocultar formulario usando animaciones
-
done_all
Clase 3
Animaciones de entrada y salida de componentes
-
done_all
Clase 4
Animaciones en coreografía
-
done_all
Clase 5
Eventos touch con HammerJS
-
done_all
Clase 6
Animar elementos al presionarlos
-
done_all
Clase 7
Evento swipe y animaciones
-
done_all
Clase 8
Actualizar pendiente en Firestore
-
done_all
Clase 9
Where en las consultas a Firestore
-
done_all
Clase 10
TrackBy para identificar elementos en ngFor
-
done_all
Clase 11
Compartir suscripciones con share
-
done_all
Clase 12
DateTime Picker
-
done_all
Clase 13
MomentJS
-
-
check_circle_outlineMódulo 5 | 19 clases
Tecnologías de aplicaciones web progresivas
expand_more -
check_circle_outlineMódulo 6 | 5 clases
Deploy y Despedida
expand_more
3 comentario(s)
@Component({ selector: 'app-home', templateUrl:home.component.html
, animations: [ trigger('enterState',[ transition("* => *",[ query(':enter',[ style({transform: 'translateX(-100%)',opacity:0}), stagger(100,[ animate(300,style({transform: 'translateX(0)', opacity:1})) ]) ],{optional:true}) ])])
] })
@Component({
selector: 'app-home',
templateUrl: 'home.component.html',
animations: [
trigger('enterState',[
transition('* => *',[
query(':enter',[
style({transform: 'translateX(-100%)', opacity: 0}),
stagger(100,[
animate(300,style({transform: 'translateX(0)', opacity: 1}))
])
],{optional:true})
])
])
]
})
Clase 27