ngTransclude包括根本不包装内容

时间:2014-09-04 15:57:56

标签: javascript angularjs angularjs-directive scope

我有一个自定义角度指令,它包含在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中呈现,不是任何附加的属性或它包装的任何东西。

1 个答案:

答案 0 :(得分:0)

对不起,我觉得自己像个白痴。我检查并仔细检查了我的路径,但我没有意识到我有一个名为servicedesk的指令,以及一个名为servicedesk的视图。我需要解决这个问题。我正在向指令添加内容,同时视图也有卡指令,但没有内容。对不起。