javascript - ng-includeは、指定されたテンプレートを含めるように要求していないようです

Question

RailsのRESTAPIを使用して動作させようとしているAngularJSアプリがあります。すべてのJavaScriptがエラーなしで読み込まれているように見えますが、ng-includeを使用すると、一部のテンプレートが正しく含まれていないようです。次に例を示します。

<div ng-include="'<%= asset_path('header.tpl.html') %>'"></div>

このセクションが読み込まれると、ブラウザコンソールで指定されたテンプレートを読み込もうとする試みが表示されません。テンプレートが要求されない理由について何か提案はありますか？

Answer 1

競合する一重引用符があります。

ng-includeに含まれる内容を動的に変更する必要がある場合は、プログラムで値を設定してから、その変数をng-includeに渡すだけです。

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

<script>$scope.templatePath = "header.tpl.html";</script>

コードの後半で、$scope.templatePathの値を必要な他のファイルに変更できます。