ng-includeパーシャルビューを読み込まない

Question

現在、プロジェクトに取り組んでいます。問題があります。私が何をしようとしても、ng-includeは別のフォルダにある部分的なビューを読み込むことができません。

view.htmlファイルをページ分割フォルダにロードします。私のファイルは、ページングフォルダと同じレベルにあるフォルダにあります。

はここ

<div class="container"> 
    <div class="col-sm-6" id="NEWS"> 
    <div class="well" ng-repeat="info in news"> 
     <p> 
     {{info.description}} 
     </p> 
    </div> 
    <ng-include src="'/pagination/view.html'"></ng-include> 
    </div> 
</div> 

マイview.htmlは、テスト目的のために、単一のcaption testを持っている私のサイトのビューのフラグメントです。

また、私はこのコードを使用してみました：

<div ng-include src=.... 
<div ng-include=".... 
<ng-include src="'../pagination/view.html". 

何も動いていないようにみえ。誰が問題について何を知っていますか？

Answer 1

私のファイルは、ページングフォルダと同じレベルにあるフォルダにあります。

あなたは正しく、HTMLテンプレートに間違ったパスを渡しています。

index.htmlファイルに書いているかのようにテンプレートディレクトリを参照する必要があります。したがって、どのHTMLテンプレートでもng-includeディレクティブが存在する場合でも、ルートがindex.htmlが存在する場所であるかのようにパスを指定する必要があります。

また、パスの前に '/'を使用しないでください。

--- index.htmlを

--- /テンプレート/ app.html

---/tempates /ページネーション/ビュー：

では、次のフォルダツリーを抱えていると仮定します

<ng-include src="'templates/pagination/view.html'"></ng-include> 

：あなたは app.htmlで view.htmlを含めるようにしようとしている場合

.HTMLあなたはこのようにそれを行うだろう

私はそれが役に立ちそうです。