Как показать скрыть div автоматически без события нажатия, используя angular?

Question

У меня есть приложение angular, в котором у меня есть div, который я хочу показать, когда boolean будет истинным с некоторой анимацией затухания, а затем через 4 секунды оно должно исчезнуть. Но в настоящее время я достиг того, что у меня есть анимация внутри моего component вот так

  animations : [
trigger('animationOption2', [
  state('close', style({
    opacity: 0,
    backgroundColor: 'yellow'
  })),
  state('open', style({
    opacity: 1,
    backgroundColor: 'green'
  })),
  transition('close <=> open', animate(1000)),
  ])
]

А внутри моего component.html у меня есть такой компонент, который я хочу show/hide на несколько секунд

 <div class="ui-g-12" [@animationOption2]="isShowToaster ? 'open': 'close'">
    <app-custom-toaster></app-custom-toaster>
 </div>

Теперь, если я установлю isShowToaster в true, div появится с некоторой анимацией. и я снова установил значение false с некоторыми значениями setimeout, поэтому некоторые анимации исчезают. Но я хочу сделать как, когда логическое значение будет истинным, так что этот div будет отображаться с некоторой анимацией, а затем закроется через несколько секунд. Так я могу сделать это с animation?