Observableが正常に動作していませんangular2？

Question

sendMsg(msgToSend: string, reciepient: string){ 
    console.log(msgToSend, reciepient, this.user); 
    let newObj = {from: this.user['name'], msg: msgToSend}; 
    this.sub = this.route.params.subscribe(params => { 
     let name = reciepient; 
     this.service.getUser(name).then(user => this.reciepient = user); 
    }) 
    if(this.reciepient){ 
     console.log(this.reciepient['inbox']); 
     this.reciepient['inbox'].unshift(newObj); 
    } else { 
     console.log('Try again!!'); 
    } 

} 

私は二人のユーザ、RamとSaiを持つユーザデータを持っている私のテンプレート

<input #reciepient placeholder="Reciepient"/> 
<input #message placeholder="Enter your message"/> 
<button (click)="sendMsg(message.value, reciepient.value)">Send message</button> 

を通じて法上呼び出しています。私はSaiにRamとSendingメッセージとしてログしました。受信者ボックスで私はSaiを言及し、メッセージボックスにメッセージを入力しました。送信メッセージをクリックすると、sendMsg（）メソッドと同じように、メッセージはsaiの受信トレイにプッシュされません。これは、elseステートメントと印刷Try again!!にあるためです。 2番目の+クリックでは、そのプッシュが発生します。同様に、成功を一度押してください。受信者ボックスに名前が何も書かれていない場合は、初めてSaiとメッセージを押す前の値をクリックし、2回目のクリックはnull値をとり、コンソールメッセージTry again!!を表示します。 Observablesはasynchronuous仕事をしているので、あなたはコールバックへのサブスクリプションからのデータを必要とする任意のフォローアップのコードを配置する必要が私に

Answer 1

を助けてください：

sendMsg(msgToSend: string, reciepient: string){ 
    console.log(msgToSend, reciepient, this.user); 

    let newObj = {from: this.user['name'], msg: msgToSend}; 

    this.sub = this.route.params.subscribe(params => { 
     let name = reciepient; 

     this.service.getUser(name).then(user => { 
      this.reciepient = user; 

      if(this.reciepient){ 
       console.log(this.reciepient['inbox']); 
       this.reciepient['inbox'].unshift(newObj); 
      } else { 
       console.log('Try again!!'); 
      } 
     }); 
    }); 
}