我试图创建一个助手,让我把助手链接在一起,比如:
{{ chain "striptags" "<p>asdf</p>" "truncate" 2 }}
但似乎不是在Ember中调用助手后返回值,而是最后一个arg有一个渲染缓冲区,该缓冲区由余烬助手操作。有没有办法获取一个普通的余烬车把助手并返回值?我的参考代码:
/**
* 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);
});
这将排序工作:
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;
}
});
});
JSBin。
问题是,车把助手并没有真正返回一个值。相反,它们直接写入通过选项参数提供的缓冲区。在上面的示例中,我直接操作这个缓冲区来提取一个助手的乘积并将其作为下一个助手的第一个参数插入(剥离余烬元标记只是WTF-ery的一个奖励)。
正如您所看到的,它在这个简单的用例中工作,但可能会因为任何更复杂的事情而中断。车把助手不是为用作功能而设计的。