文档章节

angularjs 自定义指令属性 :transclude priority terminal

安吉拉
 安吉拉
发布于 2017/09/04 17:05
字数 239
阅读 6
收藏 0

自定义指令的属性为transclude:true 时,是允许把html中新定义的指令中的template部分插入到另外的含有ng-transclude属性的自定义指令的template中,往往都是配合ng-transclude使用

属性priority,设置该指令的优先级,优先级大的先执行,默认指令的优先级是0(但ng-repeat指令的优先级默认是1000).属性terminal:true时,指示优先级小于当前指令的指令都不执行,仅执行到本指令。

<body>

<div ng-app="myApp">
  <div ng-controller="firstController">
     <custom-tags>原始数据</custom-tags>
     <div custom-tags2  custom-tags3>
      </div>
  </div>
</div>



</body>
var myApp=angular.module('myApp',[])
.directive('customTags',function(){
  return {
  restrict:'ECMA',
  template:'<div>新数据<span ng-transclude></span></div>',
  replace:true,
  transclude:true
 }

})
.directive('customTags2',function(){
  return {
   restrict:'ECMA',
   template:'<div>2</div>',
   replace:true,
   priority:-1 
   }

})
.directive('customTags3',function(){
 return {
 restrict:'ECAM',
 template:'<div>3</div>',
 priority:0,
 terminal:true

}

 }).
controller('firstController',['$scope',function($scope){

$scope.name="张三"


}])

最后输出结果是,priority小于0 的直接模板不显示

© 著作权归作者所有

共有 人打赏支持
上一篇: fastClick
下一篇: $filter 格式化date
安吉拉
粉丝 1
博文 35
码字总数 7547
作品 0
私信 提问
AngularJS 自定义控件

[AngularJS Custom Directives][1] 好讨厌不带日期的博客,而且说得好啰嗦 自定义指令介绍 AngularJS 指令作用是在 AngulaJS 应用中操作 Html 渲染。比如说,内插指令 ( ), 指令以及 指令。 ...

开源中国匿名会员
2014/07/11
0
3
AngularJS 的自定义指令

这是一篇angularjs自定义指令的教程。就让我们来看看,如何在angularjs中自定义指令吧!我们将利用现有的guitar angularjs app,这在 教程14: AngularJ表单验证 中用到过。你可以在这里下载 ...

oschina
2014/07/28
13.5K
2
《AngularJS学习整理》系列分享专栏

《AngularJS学习整理》系列分享专栏 《AngularJS学习整理》已整理成PDF文档,点击可直接下载至本地查阅 https://www.webfalse.com/read/201748.html 文章 教你用AngularJS框架一行JS代码实现...

开元中国2015
2018/11/09
0
0
Angular 2: @Directive() 指令创建无限滚动

在最近的文章中,我使用 angular 2中新的"ng-repeat"也就是"NgFor"结合通用组件创建(自己的)组件。在这篇文章里,我将继续展示,结合 Angular 2进一步开发的 Echoes Player项目。这次为了更加动...

oschina
2016/02/09
9.6K
4
再谈angularJS数据绑定机制及背后原理—angularJS常见问题总结

Angular 的数据绑定采用什么机制,详述原理? 脏检查机制。阐释脏检查机制,必须先了解如下问题。 单向绑定(ng-bind) 和 双向绑定(ng-model) 的区别? ng-bind 单向数据绑定($scope ->...

634117608
2018/04/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

mysql 查询当天、本周,本月,上一个月的数据

今天 select * from 表名 where to_days(时间字段名) = to_days(now()); 昨天 SELECT * FROM 表名 WHERE TO_DAYS( NOW( ) ) - TO_DAYS( 时间字段名) <= 1 近7天 SELECT * FROM 表名 wher......

BraveLN
今天
2
0
Android Multimedia框架总结(六)C++中MediaPlayer的C/S架构

前面几节中,都是通过java层调用到jni中,jni向下到c++层并未介绍 看下Java层一个方法在c++层 MediaPlayer后续过程 frameworks/av/media/libmedia/MediaPlayer.cpp 找一个我们之前熟悉的setDa...

天王盖地虎626
今天
3
0
【Linux】【MySQL】CentOS7安装最新版MySQL8.0.13(最新版MySQL从安装到运行)

1、前言   框框博客在线报时:2018-11-07 19:31:06   当前MySQL最新版本:8.0.13 (听说比5.7快2倍)   官方之前表示:MySQL 8.0 正式版 8.0.11 已发布,MySQL 8 要比 MySQL 5.7 快 2 ...

Code辉
今天
5
0
oracle dg备库重建redolog:ora-00313,ora-00312

trace文件: Errors in file /crbank/dbs/app/product/diag/rdbms/rdbs/dbs/trace/dbs_mrp0_24445130.trc: ORA-00313: open failed for members of log group 8 of thread 1 ORA-00312: onl......

hnairdb
今天
1
0
深入分析Java I/O的工作机制 (一)

1.Java的I/O类库的基本架构 先说一下什么是类库:可以说是类的集合,类库包括接口、抽象类、具体类等。 I/O是机器获取和交互信息的主要渠道。 java在I/O上也一直在做持续的优化,在1.4版开始...

java菜分享
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部