Bugfix AngularJS ~Error: [$templateRequest:tpload]~

Error: [$templateRequest:tpload]

AngularJSで下のように、モーダル表示を行おうとした時に出ました。

/** ディレクティブ追加 */
app.directive('modal', function () {
    return {
      templateUrl: "./myModalContent.html",
      restrict: 'E',
      transclude: true,
      replace:true,
      scope:true
    };
  });

参考にしたサイトでは、下のような文言がありました(Google翻訳)

このエラーは、$templateRequestURLからテンプレートをフェッチしようとしたときに要求が失敗した場合に発生します。
テンプレートURLは、ルート定義のディレクティブ/コンポーネント定義、のインスタンスngInclude、のインスタンス、ngMessagesIncludeまたはテンプレート化された$routeルートで定義されている場合があります。
このエラーを解決するには、テンプレートのURLのスペルが正しいこと、および絶対URLが正しく解決されることを確認してください。Chromeデベロッパーツールは また、要求が失敗した理由を判断するのに役立つかもしれません。
を使用$templateCacheしてテンプレートをプリロードする場合は、キャッシュにテンプレートが入力されていることを確認してください。

早い話が、パスが間違っているということでした。

関連ページ

  1. JS GoogleMaps API 〜オリジナル・データマップを作ろう〜
  2. 吹き出しにYoubetubeを埋め込む
  3. Ajax + XmlHttpRequest〜画像送信からDB登録して表示〜
  4. JS XmlHttpRequest 〜JSでの同期/非同期通信〜
  5. JS Google Maps API 〜GeoLocation 現在位置の取得〜
  6. AngularJS + PHP 〜AngularJSの実装〜
  7. AngularJS + PHP 〜AngularJSの実装2〜
  8. WordPress プラグイン作成 〜$wpdbでのSELECT〜
  9. WordPressプラグイン作成 〜HTML挿入まで完了〜
  10. WordPress プラグイン作成 〜アンケート挿入〜
  11. MAMP 起動設定 〜WordPressのテスト環境を作る〜
  12. MAMP WordPress 〜インポート時のエラー対処〜
  13. WordPress PHPカスタム〜根本的に見た目を変える2〜

<ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout-key="-6t+ed+2i-1n-4w"
data-ad-client="ca-pub-7367785927150581"
data-ad-slot="3284986237">