Html 从另一个子URL打开模式

Html 从另一个子URL打开模式,html,razor,bootstrap-4,bootstrap-modal,blazor,Html,Razor,Bootstrap 4,Bootstrap Modal,Blazor,我在网站导航栏中有一个按钮的可点击子列表,在不同的url中有一些模态,如url.com/mystock\modal batch stock add 导航栏按钮列表 <div class="btn"> <a class="btn btn-success dropdown-toggle" data-toggle="tooltip" title="Hooray!" href="#&quo

我在网站导航栏中有一个按钮的可点击子列表,在不同的url中有一些模态,如
url.com/mystock\modal batch stock add

导航栏按钮列表

<div class="btn">
    <a class="btn btn-success dropdown-toggle" data-toggle="tooltip" title="Hooray!" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <i class="fas fa-plus"></i> 
    </a>

    <div class="dropdown-menu" aria-labelledby="dropdownMenuLink" style="">
    <a class="dropdown-item" href="#">First Link</a>
    <a class="dropdown-item" href="#">Second Link</a>
    <a class="dropdown-item" href="#">Third Link</a>
    </div>
</div>

我希望我打开不同子html文件中的modals,并将它们放在
下拉列表项的href
s中。我原以为我会像
a class=“dropdown item”href=“url.com/mystock#modal batch stock add”
那样写,但当我在地址栏上输入
url.com/mystock#modal batch stock add
时,并没有检索到模式。

,但我认为您需要的是一个模态doalog框架,您可以将表单启动到该框架中。这里有一个指向Blazor中我的模态对话框实现的链接,它向您展示了如何构建一个(相对简单的)模态对话框框架。另外,Blazored的实现略有不同。我建议不要在应用程序中直接使用引导。看一看。您可以找到模态组件。
<button type="button" class="btn btn-success" data-toggle="modal" data-backdrop="static" data-target="#modal-batch-stock-add"><!--!--><i class="fas fa-plus"></i> ABCDE-DeMO-MODAL</button>