草庐IT

gulp-compile-handlebars

全部标签

javascript - 为什么我的 Handlebars 没有编译方法?

我正在使用Handlebars设置一个Backbone项目,但我遇到了Handlebars找不到编译方法的问题。这是我的配置文件:require.config({hbs:{templateExtension:'.hbs'},paths:{backbone:"libs/backbone/backbone",handlebars:'libs/handlebars/handlebars.amd',hbs:'libs/requirejs-hbs/hbs',jquery:'libs/jquery/jquery',jqueryMockAjax:'libs/jquery-mockjax/jquery

javascript - 将任意参数传递给 Handlebars 助手?

很抱歉,如果这个问题之前已经被问过一百万次了,但我似乎无法在任何地方找到满意的答案。我正在尝试构建一个handlebars助手来绑定(bind)到我的i18n库中,我需要它接受任意数量的命名参数,如下所示:{{i18nyml.text.definitioncount=2name="Alex"...param="hello}}这将转换为这样的调用:i18n.t("yml.text.definition",{count:2,name:"Alex",...param:"hello"})这可能吗,还是我完全脱离了我的树? 最佳答案 提供以下

javascript - 如何避免 $compile :tpload errors on 401 status code response

我们正在使用AngularJS和ASP.NETMVCJsonRestAPI开发单页应用程序。当未经身份验证的客户端尝试导航到私有(private)路由(例如:/Foo/Home/Template)以获取模板时,它会自动从WebAPI和我们的AngularJS应用程序获得401响应将其重定向到登录页面。我们正在用$httpinterceptor处理401像这样:if(response.status===401){$location.path(routeToLogin);return$q.reject(response);}输入正确的凭据允许客户端获取模板。除一个细节外,一切正常;Java

javascript - 如何将我的 Mustache/Handlebars 模板存储在单独的文件中?

我在一个项目中使用handlebars.js,并且我开始拥有大量模板。现在它们存储在我的主模板应用程序文件中,如下所示:blablabla{{var}}blablabla我想知道是否有办法将它们放在单独的文件中,例如.js文件或其他文件,以避免将它们堆叠在我的源代码页面中。我知道有几种解决方案可以通过Ajax调用这些模板,但这似乎会导致我收到太多不必要的请求。谢谢 最佳答案 我创建并开源了NodeInterval对于我的HTML页面中太多js模板的完全相同的问题。它允许您将所有模板放入以您喜欢的任何层次结构组织的模板文件夹中。它具有

javascript - 在 Ember Handlebars 模板中呈现已解决的 promise 值

有没有什么好的方法可以在handlebars模板中呈现promise的结果?例如,我有以下模型:App.TopicItem=DS.Model.extend({topic:DS.belongsTo('topic'),paddedPosition:function(){returnthis.get('topic.course.lessons').then(function(lessons){returnlessons.indexOf(topicItem);}).then(function(index){varposition=index;if(position我想像这样在Handlebar

javascript - Gulp watch - 按顺序执行任务(同步)

我有一系列任务要从观察者那里运行,但我可以让它们按顺序触发:这里是gulp任务和观察者。gulp.task('app_scss',function(){returngulp.src(appScssDir+'/main.scss').pipe(sass({style:'compressed'}).on('error',gutil.log)).pipe(autoprefix('last2version','safari5','ie8','ie9','opera12.1','ios6','android4')).pipe(gulp.dest(appBuilderDir));});gulp.t

javascript - Angular 的 $compile 内存泄漏?

总结为什么每次$compile运行时以下plunkr都会导致内存泄漏?http://plnkr.co/edit/HhB4croPKuN5TP2NPqq6代码解释我正在编写一个有时需要完全重新呈现其HTML的指令。它通过将其模板生成为字符串,然后将该字符串提供给$compile,最后使用jQuery删除旧DOM并将其替换为新呈现的元素来实现这一点。每次执行此操作时,应用程序都会泄漏几兆字节的内存,通常会使浏览器崩溃。Chrome堆快照显示每次都会添加分离的DOM元素树,但由于某种原因,Plunkr没有这个问题(尽管它仍然泄漏很多)。我做错了什么导致内存泄漏?“什么?生成字符串模板并重新编

javascript - Browserify 和 Babel gulp 任务

我想在我的JavaScript中同时使用Browserify和Babel。为此,我创建了一个gulp任务gulp.task('babel',function(){returngulp.src('_babel/*.js').pipe(browserify({insertGlobals:true})).pipe(babel({presets:['es2015']})).pipe(gulp.dest('_dev/js'));});不幸的是,当我想在我的代码中使用import时,出现错误:ParseError:'import'and'export'mayonlyappearatthetople

javascript - Handlebars 未填满表格

我正在使用Handlebars(v1.0.0)以HTML格式填写表格。然而不知何故,它并没有像我习惯的那样填满表格。这是我的模板:{{#ifusers}}{{#eachusers}}{{username}}{{email}}{{/each}}{{else}}Nousersfound!{{/if}}所以我确实找到了用户,因为我没有看到“找不到用户!”当我调用一个空对象时,它确实显示“未找到用户!”。当我不使用该表并像下一个示例一样打印出这些用户时。用户名和邮件地址将显示在我的HTML中。{{#ifusers}}{{#eachusers}}{{username}}{{email}}{{/e

javascript - 如何使用 gulp 在浏览器中进行刷新

我在iis中有一个应用程序,它是一个用angularjs和webapiC#2.0制作的应用程序,我想创建一个任务,在我保存任何js文件后立即更新浏览器。gulp版本:3.9.1gulp.task('livereload',function(){gulp.watch(config.files.js);}); 最佳答案 gulp-livereloadAlightweightgulppluginforlivereloadtobeusedwiththelivereloadchromeextensionoralivereloadmiddlew