在Ember.js的把手帮手

时间:2012-08-29 18:54:03

标签: ember.js handlebars.js

我一直试图让一个看似简单的Handlebars帮助器到位,这样我就可以在{{each}}块中标记一个元素,如果它的ID与所选元素的ID匹配。

这是one attempt使用我在网上找到的帮手。

Handlebars.registerHelper('ifequal', function (val1, val2, fn, elseFn) {
    console.log(val1);
  console.log(val2);
  if (val1 === val2) {
    return fn();
  } else if (elseFn) {
    return elseFn();
  }
});

我的一个朋友也有more 'Handlebars-way' attempt的小提琴。

所以在每个人都告诉我将我的元素包装在一个视图中并使用didInsertElement之类的东西之前,让我问一下我的实际问题:在这个实例中,把手是否在ember中帮助了?我的助手期待一个值,它正在得到一个字符串。这是预期的行为吗?

2 个答案:

答案 0 :(得分:2)

看起来这是正常行为,

您可以尝试以下内容:

var getPath = Ember.Handlebars.getPath;
Handlebars.registerHelper('ifequal', function (val1, val2, options) {
  var context = (options.fn.contexts && options.fn.contexts[0]) || this;
  var val1 = getPath(context, val1, options.fn);
  var val2 = getPath(context, val2, options.fn);
  console.log(val1);
  console.log(val2);
  if (val1 === val2) {
    return options.fn(this);
  } else{
    return options.inverse(this);
  }
});

小提琴:http://jsfiddle.net/73wtf/28/

参考1:https://github.com/emberjs/ember.js/blob/master/packages/ember-handlebars/lib/helpers/debug.js 参考2:http://handlebarsjs.com/block_helpers.html

答案 1 :(得分:0)

registerHelper中,它将绑定字符串而不是实际值传递给您的函数。因此,您可以使用getPath来获取实际值。无论如何,我同意这种行为似乎“不自然”。我想使用绑定字符串的原因是使自动更新工作。