你的位置:首页 > Java教程

[Java教程]angular指令中,require和transclude同时设置为true时的作用


最近在学习angularJS指令的时候,对指令对象中require属性和transclude属性同时设置为true比较疑惑,于是自己动手测试一下具体差异

index.html:

<simple>
  <div>Inner content</div>
</simple>


自定义 simple指令

 .directive("simple", function(){  return {   restrict: "E",   //transclude:true,
   //replace:true, scope:{ }, template:"<div>哈哈哈<div ng-transclude></div></div>"}

1.transclude:true<simple >  <div >    哈哈哈    <div ng-transclude="">      <div >Inner content</div>    </div>  </div></simple>2.replace:false<simple >  <div >    哈哈哈    <div ng-transclude=""></div>  </div></simple>3.replace:true<div >  哈哈哈  <div ng-transclude=""></div></div>4.replace:true transclude:true<div >  哈哈哈  <div ng-transclude="">    <div >Inner content</div>  </div></div>