ember.js - 如何创建模板助手

Question

我想创建eq助手。它已经存在于ember-truth-helpers插件中，但我只需要eq助手，所以我决定在我的插件中自己创建它。

我assets/javascripts/discourse/helpers/eq.js.es6在我的插件中创建了包含以下内容的文件：

import { registerHelper } from 'discourse/lib/helpers';

registerHelper('eq', function(params) {
  return params[0] === params[1];
});

并以这种方式在模板中使用它：

{{#if (eq param1 param2)}} <h1>hello</h1> {{/if}}

但是eq没有定义。

创建助手的正确方法是什么？

Answer 1

看起来您正在使用 ember-cli，如果是这样，请通过 ember-cli 指南中的生成器

ember g helper is-equal

将导致 app/helpers/is-equal.js 最初是

import Ember from 'ember';

export function isEqual(params/*, hash*/) {
  return params;
}

export default Ember.Helper.helper(isEqual);

但您可以将其更改为

export function isEqual([leftSide, rightSide, isCaseInsensitive]) {
  let ret;
  if (isCaseInsensitive) {
    ret = (leftSide.toLowerCase() === rightSide.toLowerCase());
  } else {
    ret = (leftSide === rightSide);
  }
  return ret;
}

export default Ember.Helper.helper(isEqual);

现在您可以在模板中将其用作

{{#if (is-equal 'abc' 'ABC' true)}}

{{/if}}

Answer 2

问题在于边界。这段代码对我有用：

import { registerHelper } from 'discourse/lib/helpers';

var makeBoundHelper = Ember.HTMLBars.makeBoundHelper;

registerHelper('eq', makeBoundHelper(function(params) {
  return params[0] === params[1];
}));

解决方案取自这里