如何通过 Meteor 中的#each 块传递收集信息？

Question

我正在用 Meteor Collection Cases 中的不同项目填充下拉菜单。

  <select id="caseChoice">
   {{#each case}}
     <option>{{name}}</option>
   {{/each}}
  </select>

我得到选择的值，也就是名称：

 var caseName = document.getElementById("caseChoice").value;

我可以使用以下方法检索案例的 ID：

 var caseID = Cases.findOne({name:caseName})._id;

但是，我计划让用户创建具有相同名称的案例。他们是一种通过{{each}} 传递id 而不在下拉选择中显示_id 的方法吗？

Answer 1

如果您的意思是希望每个 html 标记都包含 id，您可以使用选项的 value 属性，或者使用 html5 数据属性：

{{#each case}}
  <option value="{{_id}}" data-id="{{_id}}">{{name}}</option> // can use value= or data-id=
{{/each}}

这将在浏览器的源代码中可见，但不会在用户屏幕上显示。或者，如果您想通过模板事件访问 id，它也将在那里可用：

"click option" /*or whatever event handler is appropriate here*/: function(event, template){
  var id = template.data._id;
  /* alternatively you can call this._id which will generally give you the same result */
  /* then do your event handling, etc. */ 
}