草庐IT

Mustache

全部标签

javascript - 如何从 mustache 内的过滤器输出 html

我有一个输入(右上角),用户可以在其中搜索内容,当它的指令长度达到3个字符时,它将显示产品列表并突出显示匹配...看看我的代码:html{{product.id}}-{{product.name|highlight}}-{{product.qtd}}fdfds{{message}}jsvarsearch=newVue({el:"#app",data:{message:"",searchInput:false,products:[{id:1,name:"produto01",qtd:20},{id:2,name:"produto02",qtd:40},{id:3,name:"produt

javascript - 如何在 Mustache.js 完成渲染模板时运行回调

一旦Mustache.js完成渲染模板并将其插入到DOM中,是否有一种干净的方法来定义/运行回调函数?例如,像这样:Mustache.render(template,viewModel,function(){...});我能想到的最好办法是计算我的View模型中将插入到DOM中的节点数,然后使用setInterval检查DOM中是否存在那么多节点。一旦他们这样做了,我就可以调用我想要的函数。这对我来说似乎效率低下并且可能有问题,但我不知道还能做什么。 最佳答案 与mustache无关,实际上是关于jQuery.html()的。$('

javascript - 在 Chrome 扩展中渲染 Mustache.js 模板

我想用Chrome扩展程序将一些HTML注入(inject)一些网站,使用像Mustache.js这样的模板系统来完成它会更好。不过,我不知道如何访问模板文件的内容。我正在尝试做的一个例子:content_script.jsvarimage=chrome.extension.getURL('logo.jpg');vartb=Mustache.to_html(chrome.extension.getURL('template.html'),{"imageURL":image,"num":5});$('body').prepend(tb);模板.html{{num}}如您所料,图像显示得很

templates - 带有 mustache 的未排序列表的结构 slice

我有一个结构。typeDataKeystruct{Idint64`db:"id"`UserIdstring`db:"user_id"`Datastring`db:"data"`CreatedAttime.Time`db:"created_at"`}我创建了一片结构。data:=[]DataKey{}在执行sql查询并填充slice后,我尝试传递给mustache建立我的list。mustache.RenderFileInLayout("templates/datakeys.html.mustache","templates/layout.html.mustache",user,data

javascript - 适用于 ASP.NET MVC 和浏览器的 HTML 模板解决方案?

我正在尝试寻找一种HTML模板解决方案,它既适用于我的ASP.NETMVC应用程序(.NET4、IIS7.5),也适用于浏览器。原因是使用相同的代码在服务器(性能、输出到移动设备等)或浏览器(通过AJAX刷新数据)上呈现HTML。这不是一个新问题,但我想知道当前的技术趋势是否改变了答案。我正在考虑的几个想法:使用mustache两者都可用的模板JavaScript和.NET.使用RazorViewEngine的一个端口来Javascript+Razor==Jazor?中考虑的JavaScript.采取类似MicroTemplatesAreDead...forgetaboutit的立场和

javascript - Mustache.js 转义 "/"

我有一个简单的JSON文件,如下所示:{"products":[{"title":"UnitedColorsofBenettonMen'sShirt","description":"Cool,breezyandcharming–thissolidgreenshirtfromUnitedColorsofBenettonisbornonthebeach.Effortlesslyclassy,thisfullsleevedshirtisperfectwhenwornwithfadedbluejeansandapairofshadesforaweekendget-together.","qua

javascript - 预编译 mustache 模板还是从外部加载?

拥有一个Coffeescript包含函数会很有用,这样它可以在用javascript编译时加载外部mustache模板,而不会使咖啡文件困惑。实际上,您可以在运行时加载.mustache文件,但您需要使用ajax请求调用它们,这会涉及一些性能损失。我想预编译一些静态mustache模板并将它们包含在生成的javascript函数中,该函数可能是Stitched并压缩在一个文件中。是否有相应的项目或脚本? 最佳答案 我认为这个解决方案适合您,用于mustache和其他模板引擎的javascript模板预编译器https://githu

javascript - href 里面的 mustache

我有这样的JSON:{"something":"http://something.com"}和这样的HTML:{{something}}当我应用Mustache时,我得到了http://something.com但我想得到的是http://something.com我已经尝试过{{{something}}}、{{&something}}、单引号、双引号……我什至阅读了文档。你能帮帮我吗? 最佳答案 我认为您需要使用&结合使用模板脚本围绕您的模板进行转义:{{something}}找到这个例子overhere.

javascript - mustache.js 中 compile()、parse() 和 render() 之间的区别

有什么区别:Mustache.compile(),Mustache.parse(),和Mustache.render()在新mustache.js0.5.0版,也许为了加分,您可以告诉我们解析和编译之间的一般区别是什么。 最佳答案 编辑用APIchangeintroducedinversion0.8.0,compile()方法已集成到parse()中。不再需要手动编译模板。Mustache.parse()从语法上解析模板并从中创建一个JavaScript函数体(一个字符串)。在此过程中,它会通知模板中遇到的任何语法错误。Mustac

javascript - 在 knockout.js 中使用 mustache 模板

我想使用knockout.js,但不幸的是我不能使用jquery-tmpl,因为jquery1.4.2是我们无法升级到的先决条件(我不会在这里深入讨论)。有没有人知道如何开始使用带有挖空功能的Mustache模板?我发现很难找到有关它的任何信息。 最佳答案 更新我已经发布了用于使用mustache作为模板库的knockoutjs模板引擎的初始版本。您可以在https://github.com/WTK/ko.mustache.js查看你看过这部分文档了吗http://knockoutjs.com/documentation/templ