Question

我正试图用把手切换Bootstrap has-success form validation state，如下所示：

<!-- this is inside a modal dialog -->
<div class="form-group {{> paymentFormAmountValidate}}">
    <div class="col-xs-9">
        <div class="input-group">
            <input id="amount" name="amount" class="form-control paymentFormInput"/>
        </div>
    </div>
</div>

<template name="paymentFormAmountValidate">
    {{session "paymentFormAmountValidate"}}
</template>

（我从那些东西中删除了不相关的标记）。

由于this other SO question中提供的建议，我将{{session}}帮助程序移到了另一个模板中。

我知道 {{session}}帮助正在返回正确的内容'has-success'，因为我已经彻底检查了它。

以下是form-group Elements中的内容（当我将其复制为html时）：

<div class="form-group &lt;!--label:Fv2nPkQeMCJEEuJ9p--&gt;">
    ...
</div>

同样，这一切都发生在一个模态中，这就是我怀疑造成所有这些问题。

提前致谢！

Answer 1

如果您不希望自己的文字被转义，请使用三{{{}}}

换行

Answer 2

我需要做的就是在共享模板中包含更多实际的html。在{{> template}}属性中使用class样式帮助程序无效，因此我将其更改为：

<!-- This is in the modal template -->
{{> paymentFormAmount}}

<!-- This is obviously its own template -->
<template name="paymentFormAmount">
    <div class="form-group {{session 'paymentFormAmountValidate'}}">
        <label class="col-xs-3 control-label">Amount</label>
        <div class="col-xs-9">
            <div class="input-group">
                <input id="amount" name="amount" class="form-control paymentFormInput" type="text"/>
            </div>
        </div>
    </div>
</template>

现在效果很好。技术上仍然有点黑客，但嘿，它的确有效。

Meteor：试图用把手添加bootstrap类

2 个答案: