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参数后必须有逗号（，），否则会出错。