モバイル デバイスでトピック リストをレンダリングするレスポンシブ フォーラム デモを作成しました。コレクションが更新されたときに応答しませんでした。その理由はゆっくりとしたクエリだと思います。
私のテストhtml:
<template name="index">
<h1 id="myTime"></h1>
{{#each foo}}
<h1>{{name}}</h1>
{{/each}}
<input id="t" type="text"></input>
<button id="s">submit</button>
</template>
そしてjs:
Template.index.foo = function () {
return Foo.find({}).fetch();
};
Template.index.events({
"click #s": function () {
Foo.insert({name: $("#t").val()});
}
});
Meteor.startup(function () {
Meteor.setInterval(function () {
$("#myTime").text((new Date()).getTime());
}, 1);
});
ドキュメントの数が非常に少ない場合、コードは非常に高速に動作します。ドキュメント数が 300 を超えると、レンダリングが約 3 秒間停止します。
それを改善することは可能ですか?:)