zoukankan      html  css  js  c++  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 class="ng-isolate-scope">
        <div class="ng-binding">
            哈哈哈
            <div ng-transclude="">
                <div class="ng-scope">Inner content</div>
            </div>
        </div>
    </simple>
    
    2.replace:false
    <simple class="ng-isolate-scope">
        <div class="ng-binding">
            哈哈哈
            <div ng-transclude=""></div>
        </div>
    </simple>
    
    
    3.replace:true
    <div class="ng-binding ng-isolate-scope">
        哈哈哈
        <div ng-transclude=""></div>
    </div>
    
    4.replace:true
      transclude:true
    <div class="ng-binding ng-isolate-scope">
        哈哈哈
        <div ng-transclude="">
            <div class="ng-scope">Inner content</div>
        </div>
    </div>
    复制代码
  • 相关阅读:
    软件质量属性简述
    浅谈MVC架构
    SOA整理
    程序员的自我修养阅读笔记3
    程序员的自我修养阅读笔记2
    程序员的自我修养阅读笔记1
    架构漫谈阅读笔记3
    架构漫谈阅读笔记2
    Weather APP
    php通过==和!==比较NULL和''结果均为真
  • 原文地址:https://www.cnblogs.com/koleyang/p/4939822.html
Copyright © 2011-2022 走看看