弹出模式仅适用于angularjs中的第一项

Question

当我单击表格行中的详细信息弹出模式仅适用于第一项。当我单击第二行详细信息时，首先打开一个值。

// it will result in 4096

2<<11 = 2*(2^11) = 4096

DEMO LInk：Demo Link

Answer 1

使用$index

创建这样的唯一ID和数据目标

<td>
   <a data-toggle="modal" data-target="#myModal{{$index}}" data="1 AL" ng-click="getProductName(product.ProductID)">Details</a>
   <div class="modal fade" id="myModal{{$index}}" role="dialog">

Answer 2

打开模态时，它会定位id，它应该始终是唯一的。 （https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id）

确保您的data-target="#myModal"始终以独特元素为目标。

例如，您可以在循环中添加索引并将其附加到id或模态。