AngularJS自定义指令之可选参数replace
Posted 心欲无痕
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AngularJS自定义指令之可选参数replace相关的知识，希望对你有一定的参考价值。
replace是一个可选参数，如果设置了这个参数，值必须为true，因为默认值为false。默认值意味着模板会被当作子元素插入到调用此指令的元素内部：
如：
<my-directive></my-directive>
.directive("myDirective",function(){
return {
template:"<h3>世上无难事，只怕有心人</h3>"
}
})
调用指令之后的结果如下（这是默认replace为false时的情况）：
<my-directive>
<h3>世上无难事，只怕有心人</h3>
</my-directive>
如果replace被设置为了true：
.directive("myDirective",function(){
return {
replace:true,
template:"<h3>世上无难事，只怕有心人</h3>"
}
})
那么指令调用后的结果将是：
<h3>世上无难事，只怕有心人</h3>
注意：
replace参数后必须有逗号（，），否则会出错。
以上是关于AngularJS自定义指令之可选参数replace的主要内容，如果未能解决你的问题，请参考以下文章
Angularjs[25] - 自定义指令（restrict, template, replace）