0

我有一个模板显示带有用户 id 的 QRCode：

        <template name="pairDevice">
          {{#with currentUser}}
          <div id="qrcode"></div>
          <div class="key" id="qrcodeValue" style="display: none;">{{id}}</div>
          {{/with}}
        </template>

我尝试从渲染和帮助程序中设置值，但它总是同样的问题$('#qrcode')并$('#qrcodeValue')返回[]，因为字段还不存在。

Template.pairDevice.rendered = function(){
  if (!location.origin) {
     location.origin = location.protocol+"//"+location.host;
  }
 // $('#qrcode').qrcode({width  : 128, height :128 ,text : $('#qrcodeValue').html()});
};

Template.pairDevice.helpers({
  'id' : function(){
    var appUser =Meteor.user();
    var value = location.origin  + ";" + appUser._id + ";" + appUser.emails[0].address;
     $('#qrcode').qrcode({width  : 128, height :128 ,text : value});
    return value;
  }
});

我知道 Blaze 只渲染一次，但是如何在 DOM 完成后让它渲染呢？

谢谢

4

1 回答 1

1

移动{{#with currentUser}}模板的外部。

<template name="pairDevice">
  <div id="qrcode"></div>
  <div class="key" id="qrcodeValue" style="display: none;">{{id}}</div>
</template>

<!-- call it like this -->
{{#with currentUser}}
  {{> pairDevice}}
{{/with}}

当您第一次刷新页面时，我相信currentUser在客户端使用其恢复令牌进行身份验证时短时间内未定义。所以pairDevice第一次渲染的时间是未定义的，所以当调用回调时currentUser两个 div并不存在。通过将 with 移到模板之外，模板在定义之前根本不会呈现。#qrcode#qrcodeValuerenderedpairDevicecurrentUser

于 2014-05-19T09:42:08.590 回答