我正在Meteor中构建一个简单的聊天客户端。聊天消息存储在Chats集合中,该消息包含一条消息,其中包含用户的id和用户的id,以及消息,如下所示:
{
"_id" : "3Wo3EHYG8oPCS4TCc",
"message" :
{
"from" : "oSiKCdvCHGrfnfQoT",
"to" : "ESXbJXeWmNanz7zKq",
"text" : "Hello"
}
}
用户存储在Users集合中,该集合具有id和用户名:
meteor:PRIMARY> db.users.find()
{ "_id" : "oSiKCdvCHGrfnfQoT", "username" : "user1" }
{ "_id" : "ESXbJXeWmNanz7zKq", "username" : "user2" }
我有一个显示此类消息的HTML页面
<body>
<h1>Test</h1>
{{> hello}}
</body>
<template name="hello">
{{#each messages}}
From {{message.from}} to {{message.to}}: {{message.text}}
{{/each}}
</template>
使用以下模板助手:
Chats = new Mongo.Collection("chats");
Users = new Mongo.Collection("users");
import './main.html';
Template.hello.helpers({
messages:function(){
return Chats.find();
}
})
这会创建以下输出:
Test
From oSiKCdvCHGrfnfQoT to ESXbJXeWmNanz7zKq: Hello
但是,在HTML页面中,我想查找用户的用户名,而不是显示他们的原始ID。我知道我可以将用户名存储在Chats集合中,但我宁愿保持干净。当然,我也可以在模板助手函数中进行查找,并创建一个模拟消息的新数据结构,但用用户名替换ID。但是,这是一个相当笨拙的解决方案,我宁愿在HTML端进行查找。这可能吗?
答案 0 :(得分:1)
这是一种可以在整个模板中使用的方法:
Template.registerHelper('username',function(userId){
var user = Meteor.users.findOne(userId);
return user && user.username;
});
然后在任何模板中,您只需执行{{username message.from}}
(例如),就会自动插入用户名。