场景:
我有2个名为contacts& amp;的JSON文件.工作人员:
往来
[ { "name": "Jhon Doe","gender": "Male","workers": [ "e39f9302-77b3-4c52-a858-adb67651ce86","38688c41-8fda-41d7-b0f5-c37dce3f5374" ] },{ "name": "Peter Parker","workers": [ "e39f9302-77b3-4c52-a858-adb67651ce86","40665c50-ff74-4e81-b968-e127bdf1fe28" ] },{ "name": "Mark Wood","workers": [ "ed780d15-428b-4bcd-8a91-bacae8b0b72e" ] },{ "name": "Mary Jane","gender": "Female","workers": [ "40665c50-ff74-4e81-b968-e127bdf1fe28","ed780d15-428b-4bcd-8a91-bacae8b0b72e" ] } ]
工作人员
[ { "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显示特定联系人的指定工作人员姓名,如下所示:
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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。