0

我想使用 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")

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

我不知道为什么,有人可以帮助我吗?

4

1 回答 1

0

我不是 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 的角度方式。

于 2015-09-25T05:04:12.237 回答