Wie kann ich emittieren ein Ereignis den Emitter in einer Funktion in Angular 2

Question

Component parent (Vorlage) übergeben wird:

<CHILD></CHILD> 
<overlayer *ngIf="showPopup" (evTogglePopup)="onShowPopup($event)"></overlayer> 

Component CHILD (@Component):

@Output() evTogglePopup = new EventEmitter(); 
... 
this.inputUt.ajaxCheckExistingEmail(email, this.evTogglePopup); 

abhängig von der Unter MyInputUtility (ein Anbieter @Injectable in CHILD importiert und verwendet):

ajaxCheckExistingEmail(email, evEmitter:EventEmitter<any>){ 
     if (email.valid){ 
      return this.http.post(
       GLOBAL_CONST.apiPath + "/user/user/api-check-user-email", 
       'email=' + email.value, 
       {headers: this.headers} 
      ).map(response => response.json()) 
      .subscribe(val => { 
       console.log(val); 
       if(val.emailExists){ 
        evEmitter.emit(true); 
       } 
      }); 
     } 
} 

Diese „Lösung“ nicht funktioniert, und ich habe mich gefragt, i Das liegt daran, dass evEmitter an die Funktion ajaxCheckExistingEmail übergeben wird.

Sosterd von mir
Das Problem war, dass „Überlagerungsschicht“ ist eine andere Wähler Form, dass man durch CHILD (Selektor) zeigte, und ich dachte, es wäre so gut gearbeitet haben.

ich so unten geändert und jetzt funktioniert es:

<CHILD (evTogglePopup)="onShowPopup($event)"></CHILD> 
    <overlayer *ngIf="showPopup"></overlayer> 

Answer 1

Events von @Output() nicht Blase. Entweder Sie übergeben es von einem Elternteil an den nächsten oder Sie können einen gemeinsam genutzten Dienst verwenden, um Daten zwischen Elementen zu teilen, die nicht in einer direkten Eltern-Kind-Beziehung sind.

Weitere Informationen finden Sie unter https://angular.io/docs/ts/latest/cookbook/component-communication.html.