Html 模板分析错误：意外的结束标记"；p"；

我想用Angular格式格式化XML文件。我试过这个：

<div class="element-box">
  <div class="details-wrapper">
    <p><b class="label">Raw Request</b>
      <pre>
        {{apiattempt.raw_request | xmlBeautyfier }}
      </pre>
    </p>
  </div>
</div>

原始请求
{{apitrupt.raw_请求| xmlBeautyfier}}

但我得到了这个错误：

中的错误：模板分析错误：
意外结束标记“p”。当标记已被另一个标记关闭时，可能会发生这种情况。有关更多信息，请参阅https://www.w3.org/TR/html5/syntax.html#closing-具有隐含结束标记（“”）的元素
{{apitrupt.raw_请求| xmlBeautyfier}}
[错误->]

原始响应{{apitrupt.Raw_Response | xmlBeautyfier}

发件人：

结束标记是可选的，由HTML文档中在开始标记之后遇到的下一个HTML元素的开始标记暗示

标记是一个块级元素。当它被放置在
..
中时，它会像
一样导致它关闭，并在到达
时抛出一个错误。如果需要，可以在
之前关闭
，或者在另一个元素中包装
前的
包好了

请参阅：

在HTML中：p标记与下一个元素隐式闭合


第一个p标记从p开始，以b或pre标记结束（它隐式关闭）
然后解析器找到它没有看到前面p标记的/p结束标记（第一个是隐式结束的）

解决方案（从最好的到最坏的）：


当你做更棘手的事情时不要使用P。你有预标记，所以你应该考虑用DIV或SPAN 改变原来的P。
或删除/p（好主意）
或者在/p的前面添加p（在那里添加/p不好）

可能的调查解决方案：
-XHTML需要显式结束p标记。您可以尝试使用XHTML并让我们知道它是否有效。注意：这对您的问题来说有点过火了…学习总是有好处；-）

希望这有帮助
可以通过使用其他标记隐式关闭p标记；请参阅问题好的问题-我不知道。删除关闭标记
是否会产生任何异常？是否有任何工作可以解决最终结果格式不好的问题。您希望如何格式化？用于使文本按原样显示。是的，pre>用于把里面的文字格式化
ERROR in : Template parse errors:
Unexpected closing tag "p". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags ("
        {{apiattempt.raw_request | xmlBeautyfier }}
      </pre>
    [ERROR ->]</p>
    <p><b class="label">Raw Response</b>{{apiattempt.raw_response | xmlBeautyfier }}</p>
  </div"):