title: event emitter works one time but not a second time Angular 8
body: <p>I have this variable which controls if a dialog shows up or not, it works on the first time, but not on a second time, emit excutes but the receiveing function is no longer called. </p>
  
  <p>parent class:</p>
  
  <pre><code>  isLogin :boolean ;
  
    constructor(...){
      this.isLogin = false;
  }
    receiveNotification(notification: boolean): void {
      this.isLogin = notification;
    }
  </code></pre>
  
  <p>parent html:</p>
  
  <pre><code>&lt;login-dialog   *ngIf="!isLogin"  name="{{name}}" (notify)="receiveNotification($event)"&gt;&lt;/login-dialog&gt;
  </code></pre>
  
  <p>in the child class:
  I have a function that when triggered calls emit and emit is indeed called just doesn't trigger the function on the parent on a second time </p>
  
  <pre><code>@Output() notify = new EventEmitter&lt;any&gt;();
  
    exampleFunction(){
   this.notify.emit(true);
  }
  </code></pre>
  
  <p>I think maybe this is connected to the ngIf but not sure,  what is wrong here?</p>