我正在尝试创建一个帮助器,让我将帮助器链接在一起,如:
{{ chain "striptags" "<p>asdf</p>" "truncate" 2 }}
但似乎不是在Ember中调用助手后返回值,最后一个arg有一个渲染缓冲区,由ember助手操纵。有没有办法采取正常的余烬手柄助手并返回值?我的参考代码:
/**
* Allows some basic chaining of helpers.
* {{ chain "helper1" arg1 arg2 "helper2" arg2 }}
*/
Ember.Handlebars.helper('chain', function() {
var helperArgs = [];
var helper;
var that = this;
var options = arguments[arguments.length - 1];
$.each(arguments, function(i, arg) {
if(Ember.Handlebars.helpers[arg]){
if(helper){
helperArgs.push(options);
helperArgs = [helper.apply(that, helperArgs)];
}
helper = Ember.Handlebars.helpers[arg];
}else{
helperArgs.push(arg);
}
});
return helper.apply(that, helperArgs);
});
答案 0 :(得分:0)
这将有点工作:
Ember.Handlebars.helper('chain', function() {
var that = this,
helpers = [],
current = null,
options = arguments[arguments.length - 1];
for (var i = 0; i < arguments.length - 1; i++) {
var arg = arguments[i],
helperFn = Ember.Handlebars.helpers[arg];
if (helperFn) {
current = {
fn: helperFn,
args: []
};
helpers.push(current);
}
else if (current) {
current.args.push(arg);
}
else {
throw new Error("Unknown helper: " + arg);
}
}
var prevResult = null;
$.each(helpers, function (index, helper) {
var args = helper.args.concat(options),
before = options.data.buffer.buffer;
if (prevResult) {
args.unshift(prevResult);
}
helper.fn.apply(that, args);
var after = options.data.buffer.buffer;
prevResult = after.slice(before.length).replace(/<\/?script[^>]*>/g, "");
if (index < helpers.length - 1) {
options.data.buffer.buffer = before;
}
});
});
问题是,把手助手并没有真正返回一个值。相反,它们直接写入通过options参数提供的缓冲区。在上面的例子中,我直接操作这个缓冲区来提取一个帮助器的产品并将其作为下一个帮助器的第一个参数插入(剥离掉ember元标记只是WTF-ery的一个奖励)。
正如您所看到的,它适用于这个简单的用例,但可能会因涉及的任何问题而中断。把手助手只是没有设计用作功能。