如何为 IEnumerable 中的每个项目打开一个唯一的模式

Question

我的视图中有一个 IEnumerable 数据正在循环，每个项目都有一个“更多信息”按钮，该按钮会弹出一个模式，该模式应包含每个项目特定的数据。现在，无论我点击哪个项目的按钮，我都会得到列表中第一个项目的属性。

打开模态按钮后的代码如下所示：

<div class="modal" id="exampleModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            </div>
            <div class="modal-body">
                @item.Property1 // showing as the same for each item
            </div>

Answer 1

其中一个可能的原因是，您在模态列表的每个项目中都使用了相似的 id（即“exampleModal”）。您应该在 id 中附加一些独特的东西来定义您的项目。像这样改变：

<div class="modal" id="exampleModal-@item.Property1" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">                                                                
        </div>
        <div class="modal-body">
            @item.Property1 // showing as the same for each item
        </div>
    </div>
</div>

这样，模态将被唯一标识。