AngularJSはここでテンプレート

Question

を見つけることができない私のディレクティブ

(function() { 
    angular.module('commentsDirective', []) 

    .directive('mngComments', mngComments) 

    function mngComments() { 
     return { 
      restrict: 'AE', 
      scope: { 
       moment: '=' 
      }, 
      templateUrl: 'comments.html', 
      replace: true, 
      controller: 'CommentsController', 
      controllerAs: 'vm' 
     }; 
    }; 
})(); 

は、ここに私のファイル構造です：私は

：

そして私は、このエラーメッセージが表示されますこれを理解していない。私のhtmlファイルは私のディレクティブと同じディレクトリにありますが、なぜそれが見つからないのですか？

Answer 1

テンプレートのパスは、ページのパスからの相対パスである必要があります。したがって、ディレクトリコメントがrootに置かれている場合は、templateUrlを/comments/comments.htmlと指定する必要があります。

モジュールを不明なパスで使用する場合は、まず$ templateCacheを使用してテンプレートをモジュールにインポートすることができます。次に、templateCacheを定義する際に使用するカスタムURLを指定することができます。