本文共 1316 字,大约阅读时间需要 4 分钟。
将视图模板(Template或TemplateUrl)替换到指定位置的视图(Restrict),
replace:自定义指令名称是否保留。 true:不保留指令名 false:保留指令名(默认) Transclude:是否将原来视图的内容嵌入到视图模板(Template或TemplateUrl)中。 true:保留替换前的节点内容。 false:直接覆盖原有内容。 ng-tranclude决定了在什么地方放置嵌入部分。My AngularJS App 原始的内容, 还会在这里。 原始的内容1, 还会在这里1。 原始的内容2, 还会在这里2。 原始的内容3, 还会在这里3。 原始的内容4, 还会在这里4。 原始的内容5, 还会在这里5。
显示结果:
审查元素:
对比replace为true、false的区别:
对比transclude为true、false的区别:
具体审查:
Hi there :transclude: true
原始的内容,
还会在这里。 Hi there :transclude: true Hi there 1 :transclude: false Hi there 1 :transclude: falseHi there 2 :replace: trueHi there 2 :replace: true Hi there 3 : replace: false Hi there 3 : replace: falseHi there 4 :replace: true, transclude: true
原始的内容4,
还会在这里4。Hi there 4 :replace: true, transclude: true Hi there 5 :replace: false, transclude: false Hi there 5 :replace: false, transclude: false
转载地址:http://bbss.baihongyu.com/