代码之家  ›  专栏  ›  技术社区  ›  user944513

如何在angularjs中添加transclude

  •  0
  • user944513  · 技术社区  · 11 年前

    我正在尝试添加 嵌入 属性。我得到了错误,但仍然无法实现 嵌入 我看不到外部和内部的内容。我无法同时显示文本“hello”和“this”

    这是我的密码

    http://plnkr.co/edit/qr45XmP046OCzZPyCeyO?p=preview

     var app =angular.module('Testappp',[]);
        app.directive('superMan',function(){
    
            return {
    
                restrict:"E",
    
              //  templateUrl:'template/home.html',
                transclude :true,
                template:"<div ng-transclude>this</div>",
    
    
    
    
    
            }
    
        })
    
    1 回复  |  直到 11 年前
        1
  •  0
  •   Oleksandr T.    10 年前

    你可以这样做,

    var app =angular.module('Testappp',[]);
    
    app.directive('superMan', function () {
    
        return {
            restrict: "E",
    
            transclude: true,
            template: 
              "<div>" + 
                "<div>this</div>" + 
                "<div ng-transclude></div>" +
              "</div>",
        }
    
    })
    

    Example

    您的示例不起作用,因为如文档中所述 ngTransclude

    标记 使用交叉的最近的父指令。 放置此指令的元素的任何现有内容 将在插入已排除的内容之前删除 .