用gulp-ng-html2js 把Angularjs的template html文件压缩到一个js中后,怎么引用html模板?
我用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文件的
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论