0

给定这个简单的 JavaScript 结构：

var MyObject = function() {
  var privateArray = [
    { name: 'one' },
    { name: 'two' }
  ];
  this.returnPrivate = function(index) {
    return privateArray[index];  
  };
};
var obj = new MyObject();

在车把模板中，我希望能够在使用函数name的特定索引处打印对象的属性。privateArrayreturnPrivate

// This of course does not work.
<p>{{returnPrivate(1).name}}</p>

我刚开始使用handlebars.js，所以可能已经有一种标准的方法来做到这一点。或者这可能是试图在模板中构建太多逻辑，并与车把的全部内容背道而驰。

4

2 回答 2

0

我想出了一个帮助器来做我需要的事情，但我非常感谢一些关于这是否是使用 Handlebars 解决此类问题的最佳方法的反馈。

/**
 * Given the name of a function that returns an array value, this helper
 * returns the value at a given index.  Optionally it takes a property name
 * in case the array value at the given index is itself an object.
 */
Handlebars.registerHelper('eqf', function(func, index, prop) {
  if (typeof prop === 'string') {
    return func(index)[prop];
  } else {
    return func(index);
  }
});

问题示例的用法：

<p>{{eqf returnPrivate 1 "name"}}</p>
于 2012-06-14T19:27:28.223 回答
0

Handlebars 具有处理数字或符号标识符的特殊语法，如此处所述。如果您能够将数组索引作为文字传递，则可以使用以下内容：

{{privateArray.[1].name}}

这仅在您重组对象以使其privateArray可用于模板时才有效。如果您真的想隐藏privateArray并强制模板使用函数调用，那么您必须使用助手。

于 2013-09-25T19:27:40.857 回答