角组件如何在段落<p>内嵌套无序列表<ul>？

Question

Angular组件的模板中出现以下标记时，Angular会引发错误。

Template parse errors: Unexpected closing tag "p"

---

<p>
  paragraph begins.
  <ul>
    <li>list item 1</li>
    <li>list item 2</li>
  </ul>
</p>

如何实现这种嵌套。

Answer 1

• 一个段落不能包含列表。

• 列表不能包含段落，除非包含该段落 完全在一个列表项中。

因为p和ul被渲染为块元素。