javascript - 使用不同的 ng-controller 和 ng-include

Question

当我使用 ng-include 时，我无法通过在 include 内设置 ng-controller 来更改所使用的 Controller 。包含者“看到” Controller 。如果我在调用 div include 中定义 Controller ，它就可以工作。

示例:

我有一个包含:

<div ng-controller="baseController">
  <div ng-include="other.html"></div>
</div>

other.html 定义为:

<div ng-controller="subController">
  <ul>
    <li ng-repeat="address in addresses">
      {{ address.name }}
    </li>
  </ul>
</div>

在此版本中，地址不会显示任何地址，但如果我将代码更改为:

 <div ng-controller="baseController" ng-controller="subController">
    <div ng-include="other.html"></div>
 </div>

other.html 定义为:

<div >
  <ul>
    <li ng-repeat="address in addresses">
      {{ address.name }}
    </li>
  </ul>
</div>

一切正常，地址已显示。

为什么？

问候

雅普·范德克雷夫特

Answer 1

请查找 plunkr

<div ng-controller="baseController">
  <div ng-include src="'other.html'"></div>
</div>

如果您将 src 作为字符串传递，则需要内部引号。您通常会对永远不会更改的文件执行此操作。当您可能需要更改文件时，最好将值设置为 Angular 变量并在标记中引用该值。

例如:

<div ng-include src="templatePath"></div>

&脚本代码是

 $scope.templatePath = "other.html";