Javascript 无法在同一HTML中使用多个模板/控制器

在Angular应用程序中，我需要在

B.html

中包含

A.html

及其控制器，而不复制

A.html

或控制器

我在A.html中编写了以下内容，但它不起作用

<div ng-include src="src/html/v1/A.html"></div>

下面是index.coffee包含的内容-

 $routeProvider
    .when("/",
      {
        templateUrl: "src/html/v1/A.html",
        title: "A"
        controller: "AController"
      })
    .when("/A",
      {
        templateUrl: "src/html/v1/A.html",
        title: "A"
        controller: "AController"
      })
    .when("/B",
      {
        templateUrl: "src/html/v1/B.html",
        title: "B"
        controller: "BController"
      })
    .otherwise({ redirectTo: "/" })

请说明我在这里遗漏了什么

---

PS：这个问题的答案可能是其他许多类似问题的答案，但我一开始找不到答案。对这个问题的向上投票清楚地表明它具有相关性。

它应该是

ng include的
src
属性接受一个字符串。因此，将其更改为：

<div ng-include src="'src/html/v1/A.html'"></div>



从：

计算URL的角度表达式。如果源是字符串
常量，请确保用单引号将其括起来，例如。
src=“'myPartialTemplate.html'”

由于您首先发布了答案，我已经向您投了赞成票，但我已将shashank agrawal的答案标记为正确，因为它更好地解释了这一点。在旁注中，此机制不包括控制器。只包括HTML模板。
<div ng-include src="'src/html/v1/A.html'"></div>