Angular2将值传递给一个数组中的后端

Question

我有一个帖子组件，在该帖子组件中，我正在获取用户ID和评论者的ID，这些用户评论帖子微服务中的帖子并在帖子索引页面中显示。我有一个后微服务和用户微服务。现在我想将用户和评论员的ID发送给用户微服务，并希望获取它们的名称并在帖子索引页面中显示。

在帖子索引页面中显示如下：

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

因此，我希望显示它们的名称，并且user_id和commentor_id位于user_microservice的一个表中，代替1 3 6 5 9 4。在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>

在组件app-user-name中，您需要一个输入参数

@Input（）userid：string =＆＃39;＆＃39;

在ngOnInit（）中，您应该选择该值并调用该服务并加载用户显示名称。 与此类似：

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

}

在该组件的模板中，您只需显示{{username}} 用户名一旦加载就会显示。