Угловой компонент, как вложить неупорядоченный список <ul>в абзац <p>?

Question

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 являются элементами, отображаемыми как блок.