如何使用 AngularJS 返回的 JavaScript 缩小部分

Question

我正在缩小我的 angularjs 应用程序，其中我使用 gulp-ng-html2js 来缩小部分，这看起来非常好，因为它将所有 html 部分转换为单个 javascript 文件，但是我不确定如何从我的应用程序中使用/调用这个 javascript 文件来访问部分，我试图找到某种文档，但网络上没有任何可用的文档；可能是我的搜索词或关键字不够准确。请在下面找到代码。请帮我弄清楚这一点，坦率地说，我相信我错过了一些基本的东西。

//gulp script for minification of html partials
...
....
....
gulp.task('htmlmin', function () {
    var opts = {
        empty: true,
        spare: true,
        quotes: true
    };

    gulp.src(paths.partialsSrc)
        .pipe(minifyhtml(opts))
        .pipe(ngHtml2Js({
            moduleName: "erentrollinternet",
            prefix: "/partials/"
        }))
        .pipe(concat("partials.min.js"))
        .pipe(uglify())
        .pipe(gulp.dest(paths.partialsDest));
});
....
....


// this is the resulting file
!function(t){
    try
    {
        t=angular.module("modulename")
    }
    catch(e)
    {
        t=angular.module("modulename",[])
    }
    t.run(["$templateCache",
    function(t)
    {
        t.put("/partials/components/building/Buildings.html",
        '<div class="main"><div class="controls">
            .....
            .....
            .....
          </div></div></div>')}])
    }(),
    function(t)
    {
        try{t=angular.module("erentrollinternet")
    }catch(e)
    {
        t=angular.module("erentrollinternet",[])
    }

}])}();

Answer 1

用于在$templateCache 中存储模板的键与文件仍在服务器上时使用的 url 相同。

每当您在路由、指令、ng-include 等中设置 templateUrl 时，angular 都会查看 $templateCache

如果在缓存中找到该 url，它将在内部将 html 从缓存对象中提取出来。如果没有找到，它将向模板发出服务器请求

简而言之，您不必在模块代码中做任何不同的事情，就可以按照现在缩小的方式使用它们。