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

我正在使用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;
}

最佳答案

您将p元素放在tr中。这是无效的标记，浏览器肯定会拒绝按照您的期望进行渲染。将td（或th）用作tr的直接子代。

您应该重新考虑布局：也许您确实不需要表，可以使用div的表。

关于javascript - 如何使 Angular 显示显示为空的<p>标签？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29175756/