在bootstrap popover rails 5 app中渲染部分？

Question

我在我的rails应用程序中在引导程序弹出窗口中呈现部分问题.

partial总是呈现为纯文本(显示所有HTML标记等).

这是index.html.erb中的代码

<span class="has-popover"
      style="cursor:pointer;"
      data-toggle="popover"
      data-trigger="hover"
      data-container="body"
      data-placement="right"
      title="Lorem Ipsum"
      data-content= "<%= render :partial => 'envs/e1' %>" >
      <i class="fa fa-question-circle "  aria-hidden="true"></i>
</span>

在app.js我有这个片段

$(".has-popover").popover({
    html : true
});

这是文件夹中的_e1.html.erb部分内容envs

<h2>Mauris euismod sollicitudin?</h2>

<p>Morbi sit amet tellus pellentesque, maximus eros a, aliquam nunc. Vivamus velit velit, vestibulum at eros eu, iaculis hendrerit tortor. Morbi ullamcorper purus at ornare ullamcorper. </p>

<br>

<p>Morbi sit amet tellus pellentesque, maximus eros a, aliquam nunc. Vivamus velit velit, vestibulum at eros eu, iaculis hendrerit tortor. Morbi ullamcorper purus at ornare ullamcorper. </p>

我已经"<%= render :partial => 'envs/e1' %>"把这条线包裹起来raw(),html_safe没有任何运气.

* 下面的附加示例*是关于我如何使用html_safe和raw剪切的示例

data-content= raw("<%= render :partial => 'envs/e1' %>") - 文本显示为"正确"方式,但外部显示为popover.

data-content= "<%= raw(render :partial => 'envs/e1') %>" > - 文本显示为纯文本

data-content= "<%= render :partial => raw('envs/e1') %>" > - 文本显示为纯文本

data-content= "<%= render :partial => 'envs/e1' %>".html_safe- 文本显示为纯文本

data-content= "<%= render :partial => 'envs/e1'.html_safe %>" - 文本显示为纯文本

必须有一些方法让部分样式在popover内？或者我这样做是错的？

请提前告知我.

Answer 1

我相信您必须data-html = "true"在弹出窗口范围内启用。至少它在我的机器上有效。

所以它会写成：

<span class="has-popover"
  style="cursor:pointer;"
  data-toggle="popover"
  data-trigger="hover"
  data-html="true" <!-- This is what you have to add to the code -->
  data-container="body"
  data-placement="right"
  title="Lorem Ipsum"
  data-content= "<%= render :partial => 'envs/e1' %>" >