Question

我一直在尝试在angularjs上提高自己，所以我开始了一个带有angularjs的项目。但是我被卡住了......

我正在尝试使用 controller1.modalItems 重复一些html元素。在如下的html模板中，我还想动态添加另一个模板。

<div ng-repeat="li in modalItems">
  <div ng-include="test.html"></div>
  <div class="head">{{li.title}}</div>
</div>

这是 test.html

<script type="text/ng-template" src="test.html">

            <ul >
                  <li ng-repeat="t in items">
                   <img src="{{ t.img }}" alt="" title="" />
                  </li>
            </ul>

</script>

如何将需要重复的控制器传递给 test.html 模板。

Answer 1

您可以使用ng-controller指令传递控制器：

<div ng-include="test.html" ng-controller="theController"></div>

Answer 2

不要那样做

https://docs.angularjs.org/api/ng/directive/ngController

常见的错误是在模板本身中使用ng-controller再次声明控制器。这将导致控制器连接并执行两次。

动态控制器传递给ng-template

2 个答案: