打印带有小胡子的object.object

发布于 2024-10-27 04:59:33 字数 301 浏览 3 评论 0原文

有没有办法做这样的事情：

var html,
    templ = '<p>{{config.title}}</p>',
    data = {config: {title: 'some text'}};
html = Mustache.to_html(templ, data);
alert(html);

使用 Mustache 库？或者也许与其他一些图书馆一起。

原文

Is there a way to do something like this:

var html,
    templ = '<p>{{config.title}}</p>',
    data = {config: {title: 'some text'}};
html = Mustache.to_html(templ, data);
alert(html);

With the Mustache library?
Or maybe with some other library.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

千寻… 2024-11-03 04:59:33

使用小胡子上下文：

var html,
    templ = '<p>{{#config}}{{title}}{{/config}}</p>',
    data = {config: {title: 'some text'}};
html = Mustache.to_html(templ, data);
alert(html);

-> '

一些文字

'

Use moustache contexts:

var html,
    templ = '<p>{{#config}}{{title}}{{/config}}</p>',
    data = {config: {title: 'some text'}};
html = Mustache.to_html(templ, data);
alert(html);

-> '<p>some text</p>'

回复收藏 0 原文

一个人的夜不怕黑 2024-11-03 04:59:33

https://github.com/janl/mustache.js
用法

一个如何使用 Mustache.js 的简单示例：

var view = {
  title: "Joe",
  calc: function() {
    return 2 + 4;
  }
}

var template = "{{title}} spends {{calc}}";

var html = Mustache.to_html(template, view);

模板是一个带有 Mustache 标签的简单字符串，视图是一个 JavaScript 对象，其中包含数据和用于呈现模板的任何代码。

https://github.com/janl/mustache.js
Usage

A quick example how to use mustache.js:

var view = {
  title: "Joe",
  calc: function() {
    return 2 + 4;
  }
}

var template = "{{title}} spends {{calc}}";

var html = Mustache.to_html(template, view);

template is a simple string with mustache tags and view is a JavaScript object containing the data and any code to render the template.

回复收藏 0 原文

秋日私语 2024-11-03 04:59:33

使用 underscore.js 插入 Mustache：

_.templateSettings = { interpolate : /\{\{(.+?)\}\}/g };
var templateStructure = 'Hello {{ name }}!';
var template = _.template(templateStructure);
alert(template(yourObject));

小心：您放入模板中的数据是未转义的。

还有一种想法：

如果您的 templateStructure 包含“null”，您将收到错误消息。
要使其工作，请执行以下操作：

var templateStructure = 'Hello {{ name }}! Did You know that "null" will provide an error?';
    templateStructure.replace(/null/g, 'NULL_REPLACEMENT');
var template = _.template(templateStructure);
var out = template(yourObject);
    out = template.replace(/NULL_REPLACEMENT/g, 'null');
alert(out);

Insted of mustache use underscore.js:

_.templateSettings = { interpolate : /\{\{(.+?)\}\}/g };
var templateStructure = 'Hello {{ name }}!';
var template = _.template(templateStructure);
alert(template(yourObject));

Be careful: the data You put in Your template is unescaped.

There is one more think:

If Your templateStructure contains 'null' You will get an error.
To make it work do this:

var templateStructure = 'Hello {{ name }}! Did You know that "null" will provide an error?';
    templateStructure.replace(/null/g, 'NULL_REPLACEMENT');
var template = _.template(templateStructure);
var out = template(yourObject);
    out = template.replace(/NULL_REPLACEMENT/g, 'null');
alert(out);

回复收藏 0 原文

~没有更多了~