Как проанимировать изменяющуюся переменную или массив в Angular 2+?

Надо проанимировать изменение связаной переменной в {{ ... }}.
Также изменяется массив записей передаваемый компоненту через @Input и не знаю как проанимировать opacity зменения.

Вот с появляемым кодом на странице получается, а для изменения контента не могу найти examples.

Сдесь я использую [fadeInOut] когда код будет появляться при помощи [ngComponentOutlet]. Надо также сделать для изменения массива принтуемого через *ngFor. (Я предполагаю что надо както дергать тригер программно на изменение данных принимаемых через @Input ) Дайте пожалуйста ссылок на хорошие статьи. Или подскажите как это загуглить.

animations: [
    trigger('fadeInOut', [
      transition(':enter', [
        // :enter is alias to 'void => *'
        style({ opacity: 0 }),
        animate(900, style({ opacity: 1 }))
      ])
    ])
  ]