Question

我想使用ng-template来迭代我的args，这有助于构建缩进菜单内容。但是ng-include对我来说不起作用。我添加了一个引用。

这是一个简单的示例http://codepen.io/elvis-macak/pen/meropX

body(ng-app="app",ng-controller="MainController")

  script(type='text/ng-template', id="data-list.html")
    span {{key}}
    span {{value}}

  div
    div(ng-repeat="data in datas")
      h3 {{data.date }}
      ul      
        li(ng-repeat="(key, value) in data")
          span {{key}}
          span {{value}}
      ul
        li(ng-include, src="data-list.html", ng-repeat="(key, value) in data")

它无法打印出里面的脚本内容。

我不知道为什么，有人可以帮助我吗？

Answer 1

我不是100％肯定你在问什么，但我的理解是你正在寻找在ng-repeat中使用ng-include。我不使用Jade，而是查看您示例中的一些已编译的HTML：

<li ng-include="ng-include" src="'data-list.html'" ng-repeat="(key, value) in data"></li>

您对ng-include的论据不正确。它应该看起来像：

<li ng-include src="'data-list.html'" ng-repeat="(key, value) in data"></li>

这似乎有效。但是，要注意在ng-repeat中使用ng-include，因为它对性能有害。随着您逐渐发展到更复杂的需求（例如在ng-repeats中使用复杂的视图），您可能希望使用指令，这是操纵DOM的角度方式。

为什么angularjs ng-include不会像这样工作

1 个答案: