私はgulp-angular-templatecacheを使用して、すべての部分的なテンプレート ファイルを取得し、HTML
それらを 1 つの template.js ファイルに結合しています。
完了できた最初の部分で、Gulp タスクを実行すると、templates/templates.js
.
templates.js:
angular.module("templates").run(["$templateCache", function($templateCache) {$templateCache.put("beta.html","<div class=\"login-container\" ng-controller=\"BetaCtrl as beta\">\n <section class=\"login-form-block\">\n <header>\n <div class=\"tickertags-logo-big\"></div>\n <h1>Welcome to the TickerTags beta! Enter the email address where your beta invitation was sent below. We will send you an email with your temporary password.</h1>\n </header>\n\n <div class=\"login-form\">\n\n <form name=\"loginForm\" ng-submit=\"beta.beta(credentials)\" novalidate>\n\n <div class=\"login-alert\" ng-class=\"{ hideLoginMsg: beta.hideMessage == true }\">{{ beta.message }}</div>\n\n <input type=\"email\"\n id=\"email\"\n placeholder=\"Email\"\n name=\"email\"\n ng-model=\"credentials.email\">\n\n <button type=\"submit\" class=\"login-btn\">Email Password</button>\n </form>\n\n <p class=\"terms-of-use-line\">By signing up you agree to our <a href=\"assets/files/tickertags-terms-of-use.pdf\" target=\"_blank\">Terms of Use</a> and <a href=\"assets/files/privacypolicy.pdf\" target=\"_blank\">Privacy Policy</a></p>\n\n </div>\n </section>\n</div>\n");
これで、インデックス内の templates.js ファイルに正しくリンクされました。
<script src="templates/templates.js"></script> <<--
<script src="authentication/authFactory.js"></script>
<script src="help/helpController.js"></script>
etc...
そして、それをメインのアプリ モジュールに含めました。
var app = angular.module('tickertags', [
'ui.router',
'templates', // <--
'authFactory',
'betaController',
'passResetController',
'loginController',
'apiFactory',
'scopeFactory',
etc...
まだこのエラーが発生しています: https://docs.angularjs.org/error/ $injector/nomod?p0=templates
エラー: $injector:nomod モジュールが利用できません
なぜ私がそれを見ているのかについてのアイデアは?