AngularJS 指令中的 replace:true

  默认值是fasle,模板会被当作子元素插入到调用此指令的元素内部。

<my-directive></my-directive> 
myModule.directive("myDirective",function(){
return {
template:"<h3>我是模版</h3>"
}
})

  结果:

<my-directive>
<h3>我是模版</h3>
</my-directive>

  若设置为replace:true

myModule.directive("myDirective",function(){
return {
template:"<h3>我是模版</h3>",
replace:true
}
})

  结果:

<h3>我是模版</h3>

  没有根元素 <my-directive></my-directive>,直接覆盖。

  注意的是:

  在这种情况下模版要又根元素,如模版如下:

  <h3>我是模版</h3><p>兄弟</p>
 没有包裹的根元素,h1 和 p是同级元素的情况下,使用 replace:true 会报错,所以,指令模板必须要有一个根元素包裹。
上一篇:一键解决 go get golang.org/x 包失败


下一篇:元类理解与元类编程 《Python3网络爬虫开发》中第九章代理的使用代码Crawler中代码的理解