用gulp-ng-html2js 把Angularjs的template html文件压缩到一个js中后,怎么引用html模板?

发布于 2022-09-06 20:34:14 字数 1348 浏览 14 评论 0

我用angular.js 1.5x 开发项目的时候,使用gulp压缩打包,其中用到了gulp-ng-htmls2js插件,把template 的html文件压缩到一个js文件中,然后我就不知道怎么引用template html模板了。
app.js

app.config(function($stateProvider,$urlRouterProvider) {
    $stateProvider
        .state({
            name: 'tabs.home.news',
            url: '/news',
            template: './home/news/news.html',
            controller: 'newsCtrl'
        });
    $urlRouterProvider.when('','/tabs/home/news');  // 默认跳转

})

home/news/news.html

<view class="view">
    <content class="content">
        Hello world  
    </content>
</view>

压缩后的js文件

(function(module) {
try {
  module = angular.module('MyAwesomePartials');
} catch (e) {
  module = angular.module('MyAwesomePartials', []);
}
module.run(['$templateCache', function($templateCache) {
  $templateCache.put('./commonInfo/commonInfo.html',
    '<view class="view">
    <content class="content">
        Hello world  
    </content>
</view>');
}]);
})();

现在我要怎么把压缩后的html模板引到app.js文件中呢?
不做任何修改的时候,会报/home/news/news.html文件找不到,因为我是打包到了dist文件夹下,所以在dist文件夹下是没有/home/news/news.html文件的
clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文