ngTransclude根本不包装内容

我有一个自定义的角度指令，在angularjs中的几个视图中。该指令设置为transclude，但没有包装的内容显示出来。ngTransclude根本不包装内容

app.directive('card', [function() { 
    return { 
    restrict: "E", 
    scope: { 
     sysStack: "=", 
     cardname: "@" 
    }, 
    transclude: true, 
    templateUrl: 'partials/directives/card.html', 
    replace:true 
    } 
}]);

card.html看起来像这样

<section class="card" ng-transclude> 

</section>

CSS样式本节标签与阴影和轻微的背景色，显示完全像预期的那样实现Flexbox，但没有的它包装的内容显示出来，也没有沿着其范围传递的属性。在我的一个观点中，我的测试就是这样的。

<card sys-stack="2" cardname="test"> 
    testing 123 
</card>

测试123没有显示出来，甚至根本看不出dom属性。卡指令渲染的flexbox部分显示正常，正如我所说的，但不包含任何包装内容。有人能帮我理解这里发生了什么吗？

我已经更新了我的问题，为了清楚起见

的card.html呈现在DOM很好，只是没有任何它所包装的附加属性或什么的。

来源

2014-09-04 richbai90

'partials/directives/card.html'的内容是什么？ – JoseM 2014-09-04 16:01:34

你确定http://jsbin.com/cukeseririyu/1/请仔细检查你的模板的路径 – sylwester 2014-09-04 16:01:35

card.html在没有问题的情况下呈现在dom中，但是它没有包装呈现，并且没有任何附加属性可以做。 – richbai90 2014-09-04 16:05:40

对不起，我觉得自己像一个白痴。我检查并重新检查了我的路径，但我没有意识到的是，我有一个叫做servicedesk的指令，和一个叫做servicedesk的视图。我需要解决这个问题。我正在向指令添加内容，同时该视图也有卡指令，但其中没有内容。再次抱歉。

来源

2014-09-04 16:43:44 richbai90

ngTransclude根本不包装内容

回答

相关问题