@outputを使って子供から親コンポーネントにデータを送信

Question

子供から親コンポーネントに渡すデータがあります。空であるか、自動的に値があるかどうかをチェックします。

これは私のlogin.compunent.tsである - これが私のapp.compunentである親TS

emailData:string; 

    onUpdate(userEmail:string){ 
    console.log("userEmail") 
    if(userEmail !== ''){ 
     this.emailData = userEmail 
     console.log(userEmail) 
    } 
    } 

- 子供はこれが私のapp.compunent.tsである

@Output() update=new EventEmitter<string>(); 
userEmail = "a@b.com"; 
authUser(loginForm) {  
     this.update.emit(userEmail); 
     this.router.navigate(['/home']); 
    } 

をtsは。 HTML - parernt HTML

{{emailData}} 
<router-outlet (update)="onUpdate($event)"></router-outlet> 

Answer 1

私は、私は完全にあなたを理解していないが、あなたは自分の親にあなたの子供からのデータを渡す場合"自動的に"私は双方向バインド可能なプロパティを実装する必要があると信じています。

あなたはあなたの子供からsomethingを更新するたびに、この

child.ts

export class SomeComponent { 
    ... 
    @Input() something; 
    // it's important to name it with the 'Change' suffix 
    @Output() somethingChange = new EventEmitter(); 
    ... 

ようparent.html

<some-component [(something)] = "someFieldYouWantToTwoWayBindTo"></some-component> 

は今、フィールドsomeFieldYouWantToTwoWayBindToも

に更新されますことをやります

今、あなたが何を確認したいのですか？年代somethingでのみsomeFieldYouWantToTwoWayBindTo

parent.ts

_someFieldYouWantToTwoWayBindTo 
set someFieldYouWantToTwoWayBindTo(value) { 
    if(value !== '') 
     this._someFieldYouWantToTwoWayBindTo = value; 

}