No arquivo de animações, foi feita a seguinte animação
export const showEmptyStateTrigger = trigger('showEmptyStateAnimation', [
transition(':enter', [
style({
opacity: 0,
marginLeft: '-300px'
}),
animate(
'300ms ease-in',
style({
opacity: 1,
marginLeft: 0
})
),
]),
])
Feita a importação em lista-tarefa.component.ts e sua aplicação em html
<ng-template #semTarefas>
<div @showEmptyStateAnimation>
<p class="ng-template ff-prompt">Olá! Ainda não há tarefas por aqui! :)</p>
</div>
</ng-template>
