Animation for newly rendered elements, but not on page load

Question

I\'m subscribed to a Firebase real-time database so that when I submit something to it, it immediately renders in the view without any need for jQuery or ajax.

I\'d

Answer 1

Easiest solution:

 @Component({
    selector: 'myComponent',
    template: '
',
    animations: [trigger('someAnimation', [transition('* => *', [style({ transform: 'scale(1.1)' }), animate(250)])])]
})
export class MyComponent implements AfterViewInit {

    disableAnimations: boolean = true;

    constructor() {}

    ngAfterViewInit(): void {
        this.disableAnimations = false;
    }
}

Reference: https://angular.io/api/animations/trigger (scroll to "disable animations")