Question

if (Meteor.isClient) {
Template.app.helpers({
'showAvatar' : function () {
  var userId = Meteor.user().services.facebook.id;
  var userAvatar = "<img src='http://graph.facebook.com/" + userId + "/picture?type=square&height=160&width=160'/>";
      return userAvatar;
    }
  });
}

<div class="container">
{{#if currentUser}}
    {{> app}}
{{/if}}
</div>
</body>

<template name="app">
    {{ showAvatar }}
</template>

当我的应用程序在浏览器中运行时，将显示图像标记的HTML而不是图像。

示例：

img src='http://graph.facebook.com/123456789654/picturetype=square&height=160&width=160'/>

我知道Meteor应用程序从/ public目录提供本地图像资源，但我不确定为什么图像src标记不会被浏览器呈现。我能够成功显示Facebook用户名和电子邮件地址。

感谢您的帮助！

Answer 1

尝试将模板帮助器更改为此。

if (Meteor.isClient) {
Template.app.helpers({
showAvatar : function () {
  var userId = Meteor.user().services.facebook.id;
  var userAvatar = 'http://graph.facebook.com/' + id + '/picture?type=square&height=160&width=160';
      return userAvatar;
    }
  });
}

并将此助手称为HTML。

<img src="{{showAvatar}}" alt="" />

Meteor模板中的HTML图像链接未由浏览器呈现

1 个答案: