html - 模板解析错误 : Unexpected closing tag "p"

Question

我想在 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>

但我收到此错误:

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"): 

你知道我该如何解决这个问题吗？

Answer 1

<pre>标签是块级元素。当它被放置在 <p>...</p> 内时它会像一个 </p>导致它关闭并在到达您的 </p> 时抛出错误.要么关闭 <p>在您之前 <pre>或包裹 pre如果您想将其包裹在不同的元素中。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p