单击任何产品时，将其他产品插入网格中

Question

功能要求：

• 产品以网格格式显示。
• 单击任何产品，它将通过API调用另外6个产品。
• 新产品集应插入到已点击产品旁边。
• 网格中的其他产品必须移至网格中的更高位置（新添加的产品旁边的礼拜式）。

Answer 1

您必须在点击时传递ID，然后使用render2角度库更改其属性，或者您也可以使用简单的JS来实现，在点击时传递ID就像

<div class="row ">
  <div class=" col-md-4" *ngFor="let x of list; let i = index " style="padding:15px;" >
   <div class="card " id="x._id +'i'" "(click)="clickme(x._id,i)">
     <div class="card-body ">
       <img src="{{x.productImage}}" class="rounded"  >
       <div>{{x.product_name}}</div>
     </div>
   </div>
  </div>
</div>