Angular 无法操作<；p>；标签？

当我将

标记添加到组件模板时，将失败。CLI上不显示错误，但页面显示为空白

幸运的是，Chrome在控制台中显示错误：

意外的结束标记“p”。当标签已被另一个标签关闭时，可能会发生这种情况。

以下是带有

标记的模板：

<div id="SideNavMenu" class="sideNav">
  <p>
    <span id="CategoryListCaret">&#9658;</span>
    <a href="#" id="CategoryListHeader" class="sideNav__header sideNav__header--closed">Categories</a>
    <ul>
      <li *ngFor="let itemtype of itemtypes">
        {{ itemtype.name }}
      </li>
    </ul>
  </p>
  <p>
    <span id="TopicListCaret">&#9658;</span>
    <a href="#" id="TopicListHeader" class="sideNav__header sideNav__header--closed">Topics</a>
    <ul>
        <li *ngFor="let keyword of keywords">
            {{ keyword.name }}
        </li>
    </ul>
  </p>
</div>

►


{{itemtype.name}




►


{{keyword.name}}

---

如果我删除了这两组

标记，它将呈现为无错误。那么，

标记现在是否与Angular不兼容？还是发生了其他事情？

根据p标签的MDN文档：

如果紧跟p元素，则可以省略结束标记 通过元素，或者如果父元素中没有更多内容 元素，并且父元素不是元素

---

是否允许将

ul

放入HTML 5中的

p

元素中？这不是一个bug@Igor在这里是正确的。但是我同意错误应该更详细地描述。你是不被允许的：嗯。今天我学到了。。。在p tags@Igor中只允许使用这些元素，我很好奇为什么当我制作这个静态Chrome原型时没有抱怨，但当它被放入一个角度组件时，所有东西都会散开？