流星反应变量不能始终如一地呈现

时间:2017-04-19 06:09:34

标签: twitter-bootstrap meteor twitter-bootstrap-tooltip reactive

我已经阅读了所有的反应性var问题 this meteorchef article我的应用仍遇到问题。

foo.js:

astype

foo.html:

v = df.values[:, 1:]
z = np.core.defchararray.split(df[0].values.astype(str), '+')
i = np.arange(len(z)).repeat([len(x) for x in z])
pd.DataFrame(np.column_stack([np.concatenate(z), v[i]])).astype(df.dtypes)

目标是在密码强度计上显示工具提示,其原因是输入事件设置的。即使在密码字段中输入文本后,工具提示也会显示为“空密码”。但是如果我在模板顶部添加一行只有 Template.pwdStrength.onCreated(function() { this.reason = new ReactiveVar('Empty password'); }); Template.pwdStrength.helpers({ reason: function() { return Template.instance().reason.get(); }, }); Template.pwdStrength.events({ 'input #at-field-password': function(event, template) { const contents = event.currentTarget.value; // call strength computation here... if (contents.length < 8) { Template.instance().reason.set('Password is too short'); } else { Template.instance().reason.set("We don't like that password"); } } }); 的行,原因会显示在页面上,PLUS工具提示现在按预期工作并显示更新原因。如果我使用CSS来隐藏<template name='pwdStrength1'> {{> atTextInput}} <span data-toggle='tooltip' data-placement='top' title="{{reason}}"> <ul id="strength" check-strength="pw" style="{display: inline;}"> <li class="point" style="{{style 1}}"></li> <li class="point" style="{{style 2}}"></li> <li class="point" style="{{style 3}}"></li> <li class="point" style="{{style 4}}"></li> <li class="point" style="{{style 5}}"></li> </ul> </span> </template> ,那么工具提示就会停止工作。似乎必须在呈现标记中的模板助手之前呈现模板助手。我做错了什么?

最新流星,twbs:bootstrap,accounts:templates。

修改

放弃这一点,因为UI不直观,工具提示只是妨碍了。从来没有真正找到问题的解决方案。

1 个答案:

答案 0 :(得分:0)

使用template.reason.set('密码太短'); 而不是Template.instance()。reason.set('密码太短');