在 Popover 中加载局部视图

【问题标题】：Load Partial View inside of Popover在 Popover 中加载局部视图
【发布时间】：2020-11-07 00:19:17
【问题描述】：

我有一个应该显示部分视图的弹出框。我试图像在弹出框之外那样加载部分视图，但它不起作用。我测试了我的部分是否是问题，但它在弹出框之外渲染得很好。弹出框代码如下：

<a tabindex="0" class="btn btn-danger position-relative" data-placement="top" role="button"
   data-html="true" data-toggle="popover" data-trigger="click" title="Report"
    data-content='<partial name="_FlagPartial"/>'> @*this line is the one that doesn't work as i expect*@
     Flag ⚐
</a>

如何将我的部分加载到我的弹出框内？

【问题讨论】：

标签： html asp.net twitter-bootstrap asp.net-core razor

【解决方案1】：

如下更改data-content：

data-content='@await Html.PartialAsync("~/Views/Shared/_FlagPartial.cshtml")'

或者：

data-content='@{await Html.RenderPartialAsync("_FlagPartial");}'

【讨论】：

我都试过了，奇怪的是他们都给了我按钮，但按钮内部的部分视图，而不是弹出框：image
我相信问题可能是引号匹配。如果你把它改成data-content='@{await Html.RenderPartialAsync("_FlagPartial");}' 效果很好