Angular2値を1つの配列にバックエンドに渡す

Question

私はpostsコンポーネントを持っています。そのコンポーネントでは、ユーザーIDとcommentorのIDを取り出して、ポストマイクロサービスからの投稿にコメントし、投稿インデックスページに表示します。私はポストマイクロサービスとユーザーマイクロサービスを持っています。今、私はユーザーとコメント者のIDをユーザーのマイクロサービスに送信し、その名前を取得して、それを投稿のインデックスページに表示したいと考えています。

の記事では、それはこのように表示されるインデックスページ：

Posts user commentor 
    A  1  3 
    B  6  5 
    C  9  4 

ので、1 3 6 5 9 4の代わりに、私は彼らの名前とUSER_IDとcommentor_idを表示するにはuser_microserviceで一つのテーブルであります。 index.htmlで私はこのようなIDを表示しています

<tr *ngFor="let post of posts" > 
    <td>{{ post.name }}</td> 
    <td>{{ post.user_id }}</td> 
    <td>{{ post.commentor_id }}</td> 
</tr> 

誰でもお手伝いできますか？ありがとう。

Answer 1

私の知る限り、マイクロサービスからのユーザー表示名を読み込む必要があります。 この場合、小さなコンポーネントを作成する必要があります。

コード、そのようになります。

<td><app-user-name [userid]="post.user_id"></app-user-name></td> 

コンポーネントアプリユーザー名では、あなたが入力パラメータを必要とする

@Input（）ユーザID：= '文字列'

ngOnInit（）では、その値を取得してサービスを呼び出し、ユーザーの表示名をロードする必要があります。それに似 ：あなただけを表示する必要があり、そのコンポーネントのテンプレートで

ngOnInit(){ 
    this.someservice.getUserName(this.userid) 
    .subscribe(data => this.username = data) 
    .... 

} 

{{ユーザー名}}ユーザ名が、すぐにそれがロードされているように表示され 。