Question

我正在尝试在angularjs中添加 transclude 属性。我收到错误但仍然无法实现 transclude 属性。我无法同时看到这两个内容外在和内在的争论。我无法同时显示文字＆＃34;你好＆＃34;和＆＃34;这个＆＃34;同时

这是我的代码

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>",





        }

    })

Answer 1

你可以这样做，

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

的文档中所述

指示转换DOM的插入点的指令使用包含的最近父指令。 放置此指令的元素的任何现有内容将在插入已转换内容之前删除。

如何在angularjs中添加transclude

1 个答案: