AngularJS指令不包含在父元素中

Question

我试图创建一个将图像放在页面上的基本指令。图像包含在

标记中，根据ng-show值可能显示也可能不显示。所以，像

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

该指令工作正常，但它实际上从未保留在

标记内，并且它将一直显示，无论showImage的值是什么

谁能告诉我为什么？

这是一个显示问题的傻瓜 http://plnkr.co/edit/gPXezknXe2mBYztm9QO2?p=preview

Answer 1

只需将<p>更改为<div>，就可以了。plnkr。

---

<p>只接受所谓的phrasing content，并且出于显而易见的原因，您的指令不属于此群组。所以浏览器只是把它放在<p>之外。

Answer 2

原因是：在div中放置p会导致无效标记。请改用内联标记，例如span：

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

工作：http://plnkr.co/edit/VSKq02?p=preview