Javascript 父元素中不包含AngularJS指令

我试图创建一个基本指令，将图像放到页面上。图像包含在一个标记中，该标记可能显示，也可能不显示，具体取决于ng show值。比如

<p ng-show="showImage">
  <imageDir></imageDir>
</p>

该指令工作正常，但它实际上从未停留在标记内，并且无论showImage的值如何，它都将一直显示

谁能告诉我为什么

这是一个显示问题的plunkr

---

只需将

更改为

，即可正常工作：

---

---

只接受所谓的指令，并且您的指令（出于明显的原因）不属于此组。所以浏览器只是把它放在

之外，原因是：把

div

放在

p

中会导致无效的标记。改用内联标记，如

span

，例如：

<p ng-show="false">
    <span gravatar email-hash="09s7dvywoifhowvw5"></span>
</p>

---

工作：

“p元素代表一个段落。它不能包含块级元素（包括p本身）。”谢谢大家，这两个答案都起作用了。。希望我能选择两个答案though@Cheyne没关系，我不是在追求名誉：）