jjzjj

Mustache

全部标签

javascript - 如何在 HTML 页面中正确存储 HTML 模板?

我有一些小的模板字符串,它们将通过同一页面上的Mustache.js呈现。我不需要为模板创建单独的html文件。存储模板的选项:存储在javascript变量中:Hackish多行字符串,大量转义引号。存储为隐藏div的innerHTML。我尝试了方法#2,但它似乎无法正常工作。fiddle:http://jsfiddle.net/RHwnq/2/{{#name_list}}{{name}}{{/name_list}}vartemplate=$('#tableTemplate').html();console.log(template);这个日志:{{#name_list}}{{nam

javascript - mustache 模板不在表 tbody 内呈现

为什么相同的JSON对象代码生成带有ul元素的输出,而不是带有table标记的输出。我的Mustache模板如下:{{name}}{{#students}}{{name}}-{{age}}{{/students}}NameAge{{#students}}{{name}}{{age}}{{/students}}这是javascript代码:vartesting={"name":"student-collection","students":[{"name":"John","age":23},{"name":"Mary","age":21}]};vardivUl=document.getE

javascript - 使用 Webpack 加载 Mustache 模板

我和我的团队目前正在将一个相当大的项目从AMD+RequireJS迁移到CommonJS+Webpack。我们喜欢Webpack提供的工具,并认为CommonJS是社区前进的方向:可以说catch潮流。利用webpack自动加载和捆绑我们的.mustache模板文件的有效方法是什么?目前我们有一个使用xport的监视脚本将我们项目文件夹中的所有.mustache文件打包成一个js文件,格式如下:varfiles={};files['path/to/file']='{{content}}';files['path/to/other/file']='{{stuff}}';...我们完全可以

javascript - Mustache JS,如何创建一个子列表数量未知的递归列表?

我已经在几个线程中看到过这个讨论,看起来这是(或现在)执行此操作的方法。但我似乎无法让它发挥作用。所以我一定遗漏了什么。输出应该看起来像parentsubchildsubsubchild我得到的是parentsubchild到目前为止我有什么模板{{#menu}}{{item}}{{#menu}}{{item}}{{/menu}}{{/menu}}jsvardata={menu:[{"item":"parent","menu":[{"item":"subchild","menu":[{"item":"subsubchild"}]}]}]};vartemplate=$("#templat

javascript - 在模板上渲染主干集合时无法获取模型的 cid

我正在尝试在使用mustache.js构建的模板上渲染Backbone集合。问题是我无法在模板中获取模型的cid。我的代码是PhoneAppointments{{_.each(slots,function(slot){}}{{if(slot.aptType=="P"){}}{{=slot.beginTime}}-{{=slot.endTime}}{{}}}{{});}}从上面的代码中,我可以得到aptId、beginTime和endTime,但不能得到Cid。如何在模板上渲染时从集合中获取模型的Cid?我在View中的渲染方法看起来像这样render:function(){vartem

javascript - HandleBar js 和 Mustache js 的关系

我是Handlebarjs的新手。在每一篇关于HandleBarjs的文章中都有一个词叫做(mustachejs)。所以,1.Handllebarjs和Mustachejs有什么关系?2.handlebarjs之前有必要先看mustachejs吗?3.HandleBarjs相对于Mustachejs的优势是什么?谢谢。 最佳答案 Handlebars.js是Mustache.js的超集。它提供了将JSON插入模板的所有相同功能以及执行一些基本的if/then等的附加功能。总的来说,我发现使用Handlebars进行模板化要容易得多。

javascript - 使用 requirejs 加载 mustache

我想通过requirejs加载和使用mustache。也许这个问题已经问过:AMDModuleLoadingErrorwithMustacheusingRequireJS无论如何,我正在尝试弄清楚如何修复我的代码:ma​​in.jsrequire.config({paths:{jquery:'libs/jquery/jquery',underscore:'libs/underscore/underscore-min',backbone:'libs/backbone/backbone-optamd3-min',mustache:"libs/mustache/mustache"}});re

javascript - backbone.js - 集合和 View

我了解如何将一个系列或一个单独的模型组合在一起。而且我通常可以获得模型的数据来显示。但我完全不清楚如何获取一个集合并获取该集合中的模型列表以显示。我是否应该遍历集合并单独渲染每个模型?这应该是集合渲染功能的一部分吗?或者集合是否只有自己的View,然后我以某种方式将整个集合数据填充到View中?笼统地说,显示模型列表的正常方法是什么? 最佳答案 根据我的经验,最好在CollectionView中保留对每个模型View的引用。我目前正在进行的项目中的这个片段应该可以帮助您更好地理解这个想法:varMyElementsViewClass

javascript - 如何在 mustache 中将十进制格式设置为货币格式?

我正在使用mustache来呈现通过Ajax接收到的json数据。我想以货币格式呈现这个数字:{{price}}例如:12300如何将其呈现为:“12,300”使用mustache模板引擎? 最佳答案 Mustache非常简约,对此不提供任何支持。您必须提供格式化数据或返回格式化数据的函数{priceDecimal:function(){returnformatDecimal(this.price);}}另一种选择是使用handlebars.js支持辅助函数Handlebars.registerHelper('decimal',fu

javascript - Mustache.js 中数组元素的索引

这是我想在Mustache.js中做的,但没有看到如何使用文档。varview={items:['Mercury','Venus','Earth','Mars']};vartemplate="{{#items}}{{i}}-{{.}}{{/items}}";varhtml=Mustache.to_html(template,view);期望的输出:0-Mercury1-Venus2-Earth3-Mars 最佳答案 正在寻找快速清洁解决方案?简单地添加一个index函数vardata={items:[{name:Aliasghar,