如何在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="[email protected]" 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>

这样一来，模态就会被唯一识别。请尝试一下，并告诉我们