json - 使用 id 显示其他 JSON 的值

<分区>

关闭。这个问题需要debugging details .它目前不接受答案。

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。

关闭 3 年前。

Improve this question

场景:

我有 2 个名为 contacts 和 workers 的 JSON 文件:

联系人

  [
     {
      "name": "Jhon Doe",
      "gender": "Male",
      "workers": [
        "e39f9302-77b3-4c52-a858-adb67651ce86",
        "38688c41-8fda-41d7-b0f5-c37dce3f5374"
       ]
     },
     {
      "name": "Peter Parker",
      "gender": "Male",
      "workers": [
         "e39f9302-77b3-4c52-a858-adb67651ce86",
         "40665c50-ff74-4e81-b968-e127bdf1fe28"
        ]
     },
     {
      "name": "Mark Wood",
      "gender": "Male",
      "workers": [
          "ed780d15-428b-4bcd-8a91-bacae8b0b72e"
         ]
     },
     {
      "name": "Mary Jane",
      "gender": "Female",
      "workers": [
         "40665c50-ff74-4e81-b968-e127bdf1fe28",
         "ed780d15-428b-4bcd-8a91-bacae8b0b72e"
       ]
     }
]

worker

  [
   {
     "id": "e39f9302-77b3-4c52-a858-adb67651ce86",
     "name": "Alfy Odhams"
   },
   {
     "id": "38688c41-8fda-41d7-b0f5-c37dce3f5374",
     "name": "Allsun Suttle"
   },
   {
     "id": "ed780d15-428b-4bcd-8a91-bacae8b0b72e",
     "name": "Alvinia Ettritch"
   },
   {
     "id": "40665c50-ff74-4e81-b968-e127bdf1fe28",
     "name": "Ambrosi Lindenstrauss"
   }
 ]

我正在像这样显示联系人:

预期结果:

我想根据他们的 ID 为特定的 contact 显示分配的工作人员 name，如下所示:

Stackblitz DEMO

最佳答案

给你

<tr>
    <td>Assigned Workers</td>
    <td>
        <div *ngFor="let cWorker of contact.workers">
            <div *ngFor="let worker of workers" [hidden]="cWorker!=worker.id">
              {{worker.name}}
            </div>
        </div>
    </td>
</tr>

关于json - 使用 id 显示其他 JSON 的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54103812/

上一篇：angular - 更改模拟服务为 Angular/Jasmine/Redux 中的每个测试返回的可观察值

下一篇：angular - 使用 Apache thrift 在 Nativescript + Angular 中“无法读取未定义的属性 'browser'”

相关文章：

c# - 使用 WCF 生成 JSON 数组

java - 为什么我的 ListAdapter 没有显示任何数据？

ajax - ASP.NET MVC3 : How to redirect to a view when a post was made using AJAX?

angular - ionic 3 应用程序中的更改检测问题

javascript - 如何检查 Vuejs v-if 中的数组元素是否相等？

javascript - 使用 AMD 模块时，避免在 Typescript 中重复引用/导入外部 javascript 库

java - Apache Camel : I can't get an object out of the body and transform it

angular - Ionic 2 handle 点击元素的不同部分

typescript - 无法从 BrowserWindow 页面导入 Electron 模块

javascript - Angular routerLink - 当你想添加额外的 url 文本时，正确的语法是什么？