複数のテンプレート/コントローラを同じHTMLで使用できない

Question

AngularアプリではA.htmlまたはコントローラをA.htmlまたはAControllerを複製せずにコントローラに含めてB.htmlに含める必要があります。

私はA.htmlに次のように書きましたが、それはindex.coffeeが含まれているものです後のアプリのコード構造である

src 
├── html 
│   ├── v1 
│   │   ├── A.html 
│   │   ├── B.html 
├── index.coffee 
├── index.html 
├── js 
│   ├── controllers 
│   │   ├── v1 
│   │   │   ├── AController.js 
| │   │   ├── BController.js 
└── sass 
    ├── v1 

後

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

を動作しませんでした -

$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：この質問に対する回答は、他の同様の質問には答えがあるかもしれませんが、私は最初に答えを見つけることができませんでした。この質問のアップボントは、それが関連性を保持していることを明確に示しています。

Answer 1

でなければなりません。 docsから

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

：だから、それを変更

角度表現がURLに評価します。ソースが文字列 の場合は、一重引用符で囲んでください（例： src="'myPartialTemplate.html'"。

Answer 2

それはng-includeためsrc属性は、文字列を受け取り<div ng-include src="'src/html/v1/A.html'"></div>