博客
关于我
angularjs指令:replace与transclude的区别
阅读量:217 次
发布时间:2019-02-28

本文共 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。

显示结果:

Markdown

分析:

审查元素:

对比replace为true、false的区别:

Markdown

对比transclude为true、false的区别:

Markdown

具体审查:

Hi there :transclude: true

原始的内容,
还会在这里。
Hi there :transclude: true
Hi there 1 :transclude: false
Hi there 1 :transclude: false
Hi there 2 :replace: true
Hi there 2 :replace: true
Hi there 3 : replace: false
Hi there 3 : replace: false
Hi 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/

你可能感兴趣的文章
MySQL 索引的面试题总结
查看>>
mysql 索引类型以及创建
查看>>
MySQL 索引连环问题,你能答对几个?
查看>>
Mysql 索引问题集锦
查看>>
Mysql 纵表转换为横表
查看>>
mysql 编译安装 window篇
查看>>
mysql 网络目录_联机目录数据库
查看>>
MySQL 聚簇索引&&二级索引&&辅助索引
查看>>
Mysql 脏页 脏读 脏数据
查看>>
mysql 自增id和UUID做主键性能分析,及最优方案
查看>>
Mysql 自定义函数
查看>>
mysql 行转列 列转行
查看>>
Mysql 表分区
查看>>
mysql 表的操作
查看>>
mysql 视图,视图更新删除
查看>>
MySQL 触发器
查看>>
mysql 让所有IP访问数据库
查看>>
mysql 记录的增删改查
查看>>
MySQL 设置数据库的隔离级别
查看>>
MySQL 证明为什么用limit时,offset很大会影响性能
查看>>