$ templateCache.put（...）の内容をJavascriptに埋め込む代わりにhtmlファイルに入れる方法は？

Question

1つのapp.jsファイルと多数のモジュールがある場合、次のコードスニペットのようなHTMLをJavaScriptに埋め込むことはできません。

app.js

app.config(['$routeProvider', function($routeProvider){ 
    $routeProvider.when('/first',{ 
    templateUrl: 'partial/first.html', 
    controller: 'FirstCtrl' 
    }); 
}]).run(function($templateCache){ 
    $templateCache.put('partial/first.html', '<p>Hundred lines of Html</p>'); 
    }); 

それは我々がtemplateUrl代わりのテンプレートを使用すると同じようにHTMLファイルに$ templateCache.put（...）からこれらの100 LoCはを移行することは可能ですか？私はコードを制御できないので、これを達成する別のアプローチを提案します。私は$ templateCacheを使って素早く検索したいです。

Answer 1

ビルドスクリプトを使用する必要があります。この種のことを行うにはgulpとしてください。 angular-template-cacheと呼ばれるnpmモジュールがあり、あなたが望むものを正確に実行します。

var angularTemplateCache = require('gulp-angular-templatecache'); 

gulp.task('compile:templates',() => 
    gulp.src('/src/**/*.html') 
     .pipe(angularTemplateCache('templates.js')) 
     .pipe(gulp.dest('/dist')) 
); 

この一気タスクはsrc dirの下に各HTMLファイルの$templateCache.putを含むファイル/dist/templates.jsを作成します。ビルドプロセスのこの部分を小型化、キャッシュ破損などと一緒に行うことができます。