首页 > 代码库 > AngularJS自定义指令之可选参数replace

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