如何使用gump任务将html转换为javascript字符串
How to convert html into javascript string using gulp task?
输入
<div id="main">
<div>
Sample Html
</div>
</div>
输出
var myvar = '<div id="main">'+
' <div>'+
' Sample Html'+
' </div>'+
'</div>';
我想转换html模板,并将输出添加到模板部分的角度指令中。
@dfsq建议您需要html2js插件:
var gulp = require('gulp');
var html2js = require('gulp-html2js');
gulp.task("createTemplates", function(){
//create js templates for templatecache
return gulp.src([baseDirectory + "/your_template_dir/*.tpl.html"])
.pipe(html2js("directive.templates.js", {
base: baseDirectory,
name: "my.templates" //module name for injector
})).pipe(gulp.dest("your_output_directory"));
});
创建:
(function(module) {
try { app = angular.module("my.templates"); }
catch(err) { app = angular.module("my.templates", []); }
app.run(["$templateCache", function($templateCache) {
"use strict";
$templateCache.put("your_template_dir/template.tpl.html","<p>Template content</p>");
});
});
现在,您可以将模块("my.templates")注入指令中,并使用"your_template_dir/template.tpl.html"作为模板URL。
相关文章:
- 使用键/代码转换JavaScript数组
- NS_ERROR_XPC_BAD_CONVERT_JS:无法转换JavaScript参数arg 0[nsIDOMWind
- 转换Javascript中的DayOfYear值以用于Flot
- 转换Javascript日期格式
- 字符串大小写转换 javascript
- 一个很好的文本到语音转换JavaScript库
- JQuery 函数突然停止工作,转换 Javascript 参数时出错
- 转换 JavaScript 代码
- 需要转换Javascript数组的格式
- 转换javascript中的日期格式
- 循环以转换JavaScript对象
- jQuery Post中的错误:无法转换JavaScript参数
- UglifyJS转换javascript代码
- Html到Haml的转换javascript
- 正在转换Javascript日期
- 转换Javascript关联对象并用PHP输出
- 转换JavaScript'这'到jQuery'$(这个)'
- 转换JavaScript数组
- 无法转换JavaScript参数arg 0 [nsIDOMWindow.getComputedStyle]
- jQuery美元.Firefox中的ajax错误:"无法转换JavaScript参数"