0

我正在尝试用 jquery、mustache 和 sammy 创建 couchapp。会有几个页面，我会像这样生成它们：

$(function () {
var $db = $.couch.db('test');
var app = $.sammy(function () {
    this.get('#/', function () {
        render('json/index.json', 'mustache/index.ms');
    });
    this.get('#/login', function () {
        render('json/login.json', 'mustache/login.ms');
    });
    this.get('#/register', function () {
        render('json/register.json', 'mustache/register.ms');
    });
    this.put('#/post/register', register);
    this.put('#/post/login', login);
});
app.run('#/')});

接着：

function render(xjson, xms) {
$.getJSON(xjson, function (data) {
    $.get(xms, function (template) {
        var html = Mustache.to_html(template, data);
        $('#content').empty();
        $('#content').append(html);
    });
});}

.js 是我存储数据的 JSON 文件。.ms 文件是小胡子模板。事情是，当我尝试像这里描述的那样将函数放入 JSON 时： https ://github.com/janl/mustache.js

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

var template = "{{title}} spends {{calc}}";
var html = Mustache.to_html(template, view);

该函数将不会执行。那么，我做错了什么？将数据和函数存储在 JSON 中是个好主意吗？我有什么替代方案？谢谢

4

1 回答 1

1

你的 lambda 没有正确声明.. 你的 json 应该返回一个匿名函数，胡子将执行。

这是你应该怎么做的。

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

var template = "{{title}} spends {{#calc}} {{/calc}}";
var html = Mustache.to_html(template, view);

现场演示

于 2011-09-18T08:25:48.657 回答