单击任何产品时，在网格内插入其他产品

Question

功能要求：

• 产品以网格格式显示。
• 单击任何产品后，它将从 API 调用另外 6 个产品。
• 新产品集应插入已单击的产品旁边。
网格
• 中的其他产品必须移动到网格上的较晚位置(新添加的产品旁边的仪式(。

Answer 1

您必须在

单击时传递id，然后使用render2 Angle库更改其属性，或者您也可以使用简单的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>