jjzjj

handlebar

全部标签

javascript - EmberJS - 注册预编译的 Handlebars 模板

对于我的EmberJS应用程序,我预编译了我所有的handlebars模板,因此它们作为直接的Javascript文件加载。问题是这些预编译模板没有像我想象的那样进入Ember容器-当我为我的View指定模板时,我收到以下错误。UncaughtError:assertionfailed:YouspecifiedthetemplateName"application"for,butitdidnotexist.这是我的View代码。window.MyApp.ApplicationView=Ember.View.extend({templateName:'application'});我单步

javascript - 避免将 lib 依赖项与 webpack + handlebars loader 捆绑在一起

我正在使用handlebars模板编写一个库,我想使用Webpack来捆绑它。我正在使用handlebars-loader这样我就可以要求并预编译模板。但是我不希望Handlebars(或Handlebars/运行时)包含在我编译的库中,因此,我想将它们设置为外部。这是我的配置文件:module.exports={context:__dirname+'/src',entry:'./index.js',output:{path:__dirname+'/dist',filename:'stuff.js',libraryTarget:'umd',library:'Stuff'},extern

javascript - 将 Handlebars 与 D3.js 结合使用

我有一个Handlebar模板,我想将d3生成的svg图形包含到该模板中。图形应该在模板内D3图vardataset=[1200,3000,3200];//datasetwillchangedynamically.varw=154;varh=42;varrect_1_h=5;varrect_2_h=rect_1_h*2;varrect_2_w=rect_1_h/2;varrect_1_color="#A1C9D9";varrect_2_color="#999999";vartext_color="#555555";varfont_size=18;varfont_family="Sego

javascript - ember-cli 支持每个助手中的 Handlebars @vars(即,@index、@key、@first、@last)

每当我有一个在每个助手内部使用@vars变量(即@index、@key、@first、@last)的Handelbars模板时,我都会在ember-cli中遇到编译错误。(请参阅http://handlebarsjs.com/#iteration以获取有关each帮助程序中这些@vars变量的文档。)下面是一个使用ember-cli构建的简单应用程序,仅包含添加到程序中的两个文件:routes/application.js和templates/application.hbs。这篇文章的底部是ember-cli给出的编译错误信息的截图。我的代码有错误吗?或者这是我应该在github@ht

javascript - 如何为 Handlebars 模板设置默认参数?

我编写了一个模板助手,用于插入链接,非常简单。Handlebars.registerHelper('link_to',function(href,title){returnnewHandlebars.SafeString(''+title+'');});它的用法是这样的:{{link_to'articles''Articles'}}但是,如果href是自描述的,那么在第二个参数中指定大写版本对我来说似乎有点多余。因此,如果省略title参数,我想自动设置此行为。类似于以下内容:Handlebars.registerHelper('link_to',function(href,title

javascript - 带有外部 Handlebars 模板的 Ember.js

所以,我对Ember.js有点陌生自从我坚持这个以来已经有几个小时了。我在玩这个bloggrclient我想要完成的是加载那些handlebars来自外部文件的模板。“关于”模板应该在用户点击面板中的关于页面时呈现。这是简短的代码,因此您不必挖掘那么多(我相信对于有经验的用户来说这很容易)里面的模板。html如例子所示SometexttobeshownwhenusersclickABOUT.现在我所做的就是获取x-handlebar远离html的代码页面并将其放置(不带),然后将其放入hbs/about.hbs现在,我在html页面中做了类似的事情。$.ajax({url:'hbs/a

javascript - handlebars.js 未捕获类型错误 : Object #<Object> has no method 'call'

有人帮忙解决handlebars.js的问题吗?我正在使用在Centos6.4上运行的handlesbars预编译模板。要安装这个,我安装了:npm:yum-y--enablerepo=epelinstallnpm首先继承以避免问题:npminstall-ginherits然后是Handlebars本身:npminstall-ghandlebars这给出了以下版本:handlebars@2.0.0-alpha.1/usr/lib/node_modules/handlebars乐观主义者@0.3.7(wordwrap@0.0.2)uglify-js@2.3.6(async@0.2.10,

javascript - Handlebars 的模板继承

我正在尝试使用handlebars将模板从base.html继承到其他模板。但我对此一无所知。拜托,谁能帮我做个简单的DEMO。使用base.html和extend.html例如,基础.html{%blockcontent%}{%endblock%}扩展.html{%extends"base.html"%}{%blockcontent%}Foobar!{%endblock%}我需要在base.html中包含哪些文件......? 最佳答案 Handlebars不提供开箱即用的模板继承。但是,有些库提供了执行模板继承所需的帮助程序。我

javascript - Handlebars.js - 在每个循环、if 语句和子对象中获取父上下文

我了解如何在Handlebars中横穿数据源,但我偶然发现了一种我无法解决的情况。使用“../”您可以到达父模板范围,但是当遍历对象的子对象时,它似乎返回对象而不是子对象。{{#eachcontent.items}}{{#ifprop}}{{prop}}+{{../../variable}}{{/if}}{{/each}}如果您遍历一个名为“content”的对象,上面的代码片段可以正常工作,但是一旦您遍历它的子对象“content.items”,它就不再返回正确的范围。这是一个演示问题的fiddle。http://jsfiddle.net/sidonaldson/MDdn2/任何人都

javascript - 使用 Webpack 4 的 Handlebars 加载器

我一直在查看如何将handlebars-loader与webpack一起使用的示例,但似乎没有一个适用于webpack4。错误./src/templates/property-list-item.hbs中的错误模块构建失败:TypeError:无法读取未定义的属性“handlebarsLoader”在getLoaderConfig(/Users/Sam/Desktop/mettamware/Public/js/node_modules/handlebars-loader/index.js:24:37)在Object.module.exports(/Users/Sam/Desktop/m