javascript - AngularJS 指令不包含在父元素中

标签 javascript angularjs angularjs-directive

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

标记中,该标记可能显示也可能不显示,具体取决于 ng-show 值。所以,像

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

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

标记内,并且它会一直显示,无论 showImage 的值如何

谁能告诉我为什么?

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

最佳答案

只需更改<p><div>它工作正常:plnkr .


<p>只接受所谓的 phrasing content 并且您的指令 - 出于明显的原因 - 不属于该组。所以浏览器只是把它放在 <p> 之外.

关于javascript - AngularJS 指令不包含在父元素中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20432418/

相关文章:

javascript - 用于网络应用程序的 Firebase Analytics(在 Firebase 扩展之后)

javascript - Angular Directive(指令)范围值

AngularJS 指令不起作用

php - 在 highcharts 中使用数组数据

javascript - Angular 2从comp1的html调用另一个组件(Comp2)中的函数

javascript - 使用ajax提交表单来上传文件和其他字段

css - 如何从弹出窗口中删除背景控件?

javascript - 是否有现有或即将推出的 CSS3 选择器来匹配属性名称的子字符串?

angularjs - 具有开放层的 Angular JS

javascript - 将插值表达式传递到 Angular 指令中