Meteor / Blaze - 参数中的简单字符串连接

时间:2015-04-23 09:43:20

标签: meteor meteor-blaze spacebars

我知道如何通过更加扩展的,可能是“正确”的方法来做到这一点,但我想知道是否有更简单的方法来做到这一点。

{{> alert message="My message"}}

基本上,我有一个值为message的模板。我想给它留言Logged in as: samanime,其中samanimecurrentUser.username的价值。

我知道我可以通过创建一个帮助程序来为我连接这两个部分来做到这一点,但是有一些方法可以在没有额外帮助的情况下完成它吗?也许是这样的:

{{> alert message="Logged in as: ${currentUser.username}"}}

1 个答案:

答案 0 :(得分:5)

在玩了几个想法后,我想我已经提出了一个合理的解决方案,它不会违反(过多)视图和逻辑的分离。

首先,为了进行实际的连接,我做了一个concat帮助器:

// Takes any number of arguments and returns them concatenated.
UI.registerHelper('concat', function () {
    return Array.prototype.slice.call(arguments, 0, -1).join('');
});

使用示例:

{{ concat "a" "b" "c" }}
{{! output: "abc" }}

然后,我创建了一个新的块助手withResult

助手:

UI.registerHelper('withResult', function () {
    Template._withResult.helpers({result: this.valueOf()});
    return Template._withResult;
});

模板:

<template name="_withResult">
    {{> UI.contentBlock result=result}}
</template>

使用示例:

{{#withResult concat "a" "b" "c"}}
    {{> alert message=result}}
{{/withResult}}

基本上,它接受块调用的任何结果(在本例中为concat),并将其放在模板可用的变量result中。

我认为这是一种相当干净和灵活的方式,不仅可以连接,还可以获得其他简单的多参数值。此时唯一的缺点是它只允许您创建一个变量(因为每个范围将它放在同一个位置)。但是,可以通过让其他助手返回对象来解决这个问题。

当然,这是你不想滥用的东西,因为它会模糊我们试图在视图和逻辑之间保持的简洁线条。