我有一个自定义角度指令,它包含在angularjs中的几个视图中。该指令设置为transclude但不会显示任何包装内容。
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将此section标签设置为带有投影和轻微背景颜色的Flexbox,它按预期完美显示,但它所包含的内容均未显示,属性也未沿其范围传递。在我的一个观点中,我的测试就是这样的。
<card sys-stack="2" cardname="test">
testing 123
</card>
测试123并没有显示出来,而且这些属性甚至似乎都不存在于dom中。卡片指令呈现的flexbox部分显示正如我所说,但不包括任何包装内容。有人能帮我理解这里发生了什么吗?
为了清晰起见,我已更新了我的问题
card.html在dom中呈现,不是任何附加的属性或它包装的任何东西。
答案 0 :(得分:0)