顯示按id用angular搜索的特定對象的屬性

Question

我最近接觸過角度...我有一個數據列表，這些數據在表的視圖中顯示。 我需要在列之一中顯示數組“ availableProducts”中每個對象的“ description”屬性

數據示例：

availableProducts = [
    {"sending":true,"id":"8c94a40561b6d76243bea11f","cod":"123ABC","description":"Description 1","dateUpd":"2019-03-22T08:59:17.996Z","__v":0},
    {"sending":false,"id":"8ca378ee413da0715b5b48d6","cod":"987ZYX","description":"Description 2","dateUpd":"2019-04-25T08:23:11.286Z","__v":0},
    {"sending":false,"id":"8bc07055cb116b1698d4b1be","cod":"000AAA","description":"Description 3","dateUpd":"2019-04-24T14:18:29.378Z","__v":0},
    {"sending":false,"id":"8ac16e5564169a5233db4456","cod":"111BBB","description":"Description 4","dateUpd":"2019-04-25T08:22:23.456Z","__v":0}
]

我需要搜索id，因為此值在數據的每一行中都不同，所以在我的表中該值對應於顯示產品對象的id的“ invoice.product”。 為了理解這一點，我舉一個貓鼬模型“發票”的例子：

{
  "id" : ObjectId("5cb5811ffb5c03579281e22f"),
  "name": "string",
  "number": "671782",
  "contractId": "C8282",
  "product": {
    "id": ObjectId("8c94a40561b6d76243bea11f"),
    "sending": true,
    "cod":"123ABC",
    "description":"Description 1",
    "dateUpd":"2019-03-22T08:59:17.996Z"
  },
  "url": "string",
  "__v" : 0
}

到目前為止，我要顯示的是這個，但是它顯示了所有描述，我希望您通過id查找特定的描述，我該怎么辦？

<td class="text-center">
     <div class="badge" ng-repeat="prod in availableProducts | filter: invoice.product">{{ prod.description }}</div>
</td>

Answer 1

我對貓鼬不熟悉。 但是我認為這可以解決您的問題，

<td class="text-center">
     <div class="badge" *ngFor="let prod of availableProducts" [hidden]="prod.id!=invoice.product">
         {{ prod.description }}
     </div>
</td>