javascript - 如何使 Angular 显示为空 <p> 标签？

Question

我正在使用 ng-repeat 并尝试创建一个在悬停时具有特定边框的段落元素，即使该元素本身为空也是如此。但是，当段落元素为空时，没有悬停功能。而且“检查元素”工具根本不显示段落标记的存在。

有解决办法吗？

谢谢。

JS:

var members = 
[
 {name: "John", dod: "December 8, 1980"},
 {name: "Paul", dod: ""},
 {name: "George", dod: "November 29, 2001"},
 {name: "Ringo", dod: ""}
];

HTML:

<table>
  <tr ng-repeat='member in members'>
    <p class='hoveroutline' ng-repeat="member in members">
      {{member.dod}}
    </p>
  </tr>
</table>

CSS:

.hoveroutline:hover{
    border: 2px solid black;
}

Answer 1

您将 p 元素放在 tr 中。这是无效的标记，浏览器肯定会拒绝按照您的预期呈现它。使用 td(或 th)作为 tr 的直接子级。

您应该重新考虑您的布局:也许您真的不需要表格，您可以使用 div。