AngularJS自定义指令之可选参数replace
2017-02-17 12:11
411 查看
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参数后必须有逗号(,),否则会出错。
如:
<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自定义指令之可选参数replace
- angularjs指令中的replace与transclude参数
- angularJS 自定义指令 属性:restrict、template、replace
- angularJs中自定义指令replace属性详解
- 详解angularjs指令中的replace与transclude参数
- angularJS 自定义指令 属性:restrict、template、replace
- AngularJS 自定义指令详解 标签: 自定义指令的参数linktemplateUrlscopeAngularJS 自定义指令详解 2016-08-20 15:02 3831人阅读 评论(1)
- angularjs指令中的replace与transclude参数
- AngularJs自定义指令详解(6) - controller、require
- 【AngularJS】—— 8 自定义指令
- robotframework-selenium2library-导入可选参数
- 一起谈.NET技术,可选参数在.NET中全面开花
- 翻译:Visual C# 4.0中的新特性-第一部分-可选参数(Optional parameters)
- C#终于支持可选参数了!
- AngularJSURL参数传递问题
- params、explicit、可选参数和implicit的使用
- C#可选参数的使用方法
- 10.6 replace parameter with explicit methods(以明确函数取代参数)
- AngularJs学习笔记__4、自定义指令