templates - 如何在 meteor 中仅渲染一个模板实例

Question

您好，我有以下模板:

<template name="users">
<ul id="item-list">  
   {{#each trackedUser}}
    <li id="{{_id}}"> 
        <span class="name">{{mUsername}}</span>
        <p><span class="description">{{mDescription}}</span></p>  
    </li>  
    {{/each}}
</ul>
</template>

有了这个助手:

Template.users.helpers({
  trackedUser: function() {
    var curs = TrackedUser.find();
    users = curs.fetch();
    return users;
  }
});

问题是，在这种情况下，对于每个新用户，所有用户都会在 dom 中获得声誉。

是否有更好的方法来编写此代码，以便每个新用户仅使用

<li id="{{_id}}"> 
            <span class="name">{{mUsername}}</span>
            <p><span class="description">{{mDescription}}</span></p>  
        </li>  

重画了吗？

谢谢

Answer 1

避免使用fetch。当您使用 fetch() 时，您不会将光标传递到 Handlebars ，因此它无法仅重新渲染已更改的部分。

Template.users.helpers({
  trackedUser: function() {
    var curs = TrackedUser.find();
    return curs;
  }
});

对于模板上其他任何位置(不在循环中)的情况，您也可以使用 Reactivity Isolation它将您的内容包装在 {{#isolate}}..{{/isolate} block 中。