如何在handlebars.js模板中使用getters？

Question

我正在尝试让我的handlebars.js模板做这样的事情：

<li>{{ user.get('firstName') }} {{ user.get('lastName') }}</li>   

显然，这是行不通的。handlebars.js是否有任何语法允许像上面那样直接使用getters？

谢谢。

Answer 1

<li>{{user.firstName}} {{user.lastName}}</li>

尽管如果它在一个循环中(假设来自<li>)，那么它应该是{{this.firstname}}

Answer 2

这是在handlebars中工作，基本上是一个帮助器，然后使用{{get book "title"}}：

Handlebars.registerHelper('get', function(model, attributeName) 
{
    return model.get(attributeName); 
});

var templateStr = '<div class="book-title">{{get preferredBook "title"}}</div>'; 

var Book = Backbone.Model.extend({});
var b = new Book({title: 'Lord of the rings'});
var context = {
    preferredBook: b
}; 

var template = Handlebars.compile(templateStr);

var output = template(context);
expect(output).toBe('<div class="book-title">Lord of the rings</div>');

Answer 3

更好，但时间是定制handlebars编译器的时间。以下代码需要添加到使用来编译模板的脚本中，而不是在运行时。将此代码添加到您的编译代码中，而不是运行时-这不是帮助器)。然后，您只需编写{{model.title}}，该表达式将由编译器自动转换为标题(‘model.get’)。当然，如果‘Backbone.Model’不是模型，那么它将照常访问json属性。

Handlebars.JavaScriptCompiler.prototype.nameLookup = function(parent, name)
{
    var result = '((typeof(Backbone)!="undefined" && ' + parent + ' instanceof Backbone.Model) ? ' + parent + '.get("' + name + '") : ' + parent;
    if (/^[0-9]+$/.test(name))
    {
        return result + '[' + name + '])';
    }
    else if (Handlebars.JavaScriptCompiler.isValidJavaScriptVariableName(name))
    {
        return result + '.' + name + ')';
    }
    else
    {
        return result + '[\'' + name + '\'])';
    }
};