如何在流星上创建选择过滤器？

Question

我与用户一起使用表格，并使用用户的姓氏进行选择，当我更改选择选项并选择“黑色”之类的选项时，只需要在桌子上显示姓氏为“ black”的人。 怎么做？

Answer 1

您可以使用'change'事件检测select元素上的更改，并将信息保存在Session变量中：

Template.myTemplate.events({
    'change #namePicker': function(event, template) {
        Session.set('name', template.find('#namePicker').value);
      }
});

在HTML中使用{{#each user}}为HTML表中的每个用户生成一行：

<tbody>
   {{#each user}}
     <tr>
        <td>{{firstName}}</td>
        <td>{{lastName}}</td
     </tr>
   {{/each}}
</tbody>

并添加相应的帮助程序以获取用户的数据：

Template.myTemplate.helpers({
    'user': function(){
        var nameToFind = Session.get('name');
        if(typeof nameToFind !== 'undefined')
        {
            return Meteor.users.find({lastName: nameToFind});
        }
        return;
    }
});