我正在努力解决一个问题,我将解释给出一个简单的演示。即使没有数据变化,模板也会重新渲染
在People
集合有以下非常简单的文件。
{
"_id" : "vxmLRndHgNocZouJg",
"fname" : "John" ,
"nicks" : [ "Johnny" , "Jo"]
}
现在让我们考虑以下模板。基本上我会显示用户名和昵称列表以及添加更多昵称的输入字段。
<head>
<title>test</title>
</head>
<body>
{{> name}}<br/>
{{> nicks}}
</body>
<template name="name">
<input type="text" value="{{fname}}"/>
</template>
<template name="nicks">
{{#each nicks}}
<div>{{this}}</div>
{{else}}
no nicks yet
{{/each}}
<input type="text" name="nicks"/>
<input type="submit"/>
</template>
我的客户的javascript代码如下:
Template.name.fname = function() {
return People.findOne({"fname" : "John"},{
transform : function(doc) {
return doc.fname;
}
});
}
Template.name.rendered = function() {
console.log('Template "name" rendered!');
}
Template.nicks.nicks = function() {
var john = People.findOne({"fname" : "John"});
if(john) return john.nicks;
}
Template.nicks.events({
'click input[type="submit"]' : function() {
var johnId = People.findOne({"fname" : "John"})._id; // demo code
People.update(johnId,{
$addToSet : {
nicks : $('input[name="nicks"]').val()
}
})
}
});
我的问题是,重新渲染添加昵称(文档中nicks
领域的更新)模板name
后(我知道,因为我安慰.log)。当我查询People
集合为name
模板提供数据时,我使用transform
选项,因此nicks
字段中的更改不应该对name
模板产生影响。
流星文档支持此:
光标是一个反应性数据源。第一次在反应计算(例如模板或自动运行)中检索具有提取,映射或forEach的游标文档时,Meteor将注册对基础数据的依赖关系。对光标中的文档进行更改的集合的任何更改都会触发重新计算。
为什么模板name
被重新渲染呢?