Twitter bootstrap 流星反应var未一致渲染

Twitter bootstrap 流星反应var未一致渲染,twitter-bootstrap,meteor,twitter-bootstrap-tooltip,reactive,Twitter Bootstrap,Meteor,Twitter Bootstrap Tooltip,Reactive,我已经通读了这里所有的反应式var问题 我的应用程序仍然有问题 foo.js: Template.pwdStrength.onCreated(function() { this.reason = new ReactiveVar('Empty password'); }); Template.pwdStrength.helpers({ reason: function() { return Template.instance().reason.

我已经通读了这里所有的反应式var问题 我的应用程序仍然有问题

foo.js:

    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");
      }
    }
  });
Template.pwdStrength.onCreated(函数(){
this.reason=new ReactiveVar(“空密码”);
});
Template.pwdStrength.helpers({
原因:函数(){
返回Template.instance().reason.get();
},
});
Template.pwdStrength.events({
“输入字段密码”:函数(事件、模板){
常量内容=event.currentTarget.value;
//在这里调用强度计算。。。
如果(内容长度<8){
Template.instance().reason.set('密码太短');
}否则{
Template.instance().reason.set(“我们不喜欢那个密码”);
}
}
});
foo.html:

<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>

{{>atTextInput}
目标是在密码强度表上显示工具提示,说明输入事件设置的原因。即使在密码字段中输入文本后,工具提示仍显示为“空密码”。但是,如果我在模板顶部添加一行
{{reason}}
,那么页面上会显示原因,加上工具提示现在可以按预期工作并显示更新原因。如果我使用CSS隐藏
{{reason}}
,那么工具提示将停止工作。在呈现标记中的模板辅助对象之前,似乎必须先呈现模板辅助对象。我做错了什么

最新的Meteor,twbs:引导,帐户:模板


编辑

放弃了这一点,因为用户界面不够直观,工具提示挡住了去路。从未真正找到问题的解决方案。

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

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

不,那么工具提示或裸{{reason}都不会更新。可能它没有到达if块尝试添加console.log(contents.length)不,那么工具提示或裸{{reason}都不会更新。可能它没有到达if块尝试添加console.log(contents.length)