ng-repeat 在 p>div 结构上失败，但适用于 div>div 结构？答案

【问题标题】：ng-repeat fails on a p>div structure, but works for a div>div structure?ng-repeat 在 p>div 结构上失败，但适用于 div>div 结构？
【发布时间】：2023-01-17 01:32:06
【问题描述】：

我正在维护一个遗留产品，发现了一个我以前在 AngularJS 中从未见过的怪癖。

如this Plunker 所示，以下 HTML 无法呈现：

<p ng-repeat="item in items">
  <div>{{item.type}}</div>
</p>

虽然这呈现得很好：

<div ng-repeat="item in items">
  <div>{{item.type}}</div>
</div>

有没有关于为什么会这样的解释？

我对此有点措手不及，因为我不记得在开发资源中看到过任何关于此的信息。

【问题讨论】：

标签： angularjs

【解决方案1】：

这很可能是由于 HTML 规范指定 <p> 紧跟 <div>，关闭标记是可选的 (spec)。

我假设这意味着浏览器以某种方式默默地忽略了任何明确的源指定 </p> 标记的存在。我猜想当ng-repeat 解析源代码时，它找不到重复部分的结尾，因此无法按预期呈现。

【讨论】：