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用户名和电子邮件地址。
感谢您的帮助!
尝试将模板帮助程序更改为此内容。
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="" />