Angular2在一个数组中将值传递给后端答案

【问题标题】：Angular2 passing value to backend in one arrayAngular2在一个数组中将值传递给后端
【发布时间】：2018-05-03 07:09:15
【问题描述】：

我有一个帖子组件，在该帖子组件中，我正在获取用户 id 和评论者的 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>

谁能帮帮我？谢谢。

【问题讨论】：

【解决方案1】：

据我了解，您需要加载一些东西，即来自微服务的用户显示名称。对于这种情况，您应该创建一个可以执行此操作的小组件。

然后代码可能如下所示：

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

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

@Input() 用户标识：string = ''

然后，您应该在 ngOnInit() 中获取该值并调用服务并加载用户显示名称。类似的：

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

}

在该组件的模板中，您只需要显示 {{username}} 加载后立即显示用户名。

【讨论】：