Question

我有一个选择器ID =“{{_ id}}”的Meteor模板。它获取当前教师名称对象，并将该教师的id值分配给选择器的id。每位老师有多个选择器，但这只是一个例子：

<template name="oneTeacher">
  {{#each TeacherNames}}
  <div class="row">
    <div class="input-field col s2">
      <select id="{{_id}}">
        <option value="" disabled selected>Week</option>
        <option value="Week1">Week 1</option>
        ...

如何使用Meteor事件在更改函数中获取该id值？它需要是这样的：

Template.oneTeacher.events({
  'change #this._id': function () { // doesn't work
    console.log('changed');
  }
});

Answer 1

为您的字段提供可用作选择器的内容，例如class属性。

<template name="oneTeacher">
  {{#each TeacherNames}}
  <div class="row">
    <div class="input-field col s2">
      <select class="week-select">
        <option value="" disabled selected>Week</option>
        <option value="Week1">Week 1</option>

因为它在#each子句内，所以它将被绑定到相关数组元素的值。

Template.oneTeacher.events({
  'change .week-select'(e, tpl) {
    console.log(this);
  }
});

this的值将是相应的TeacherNames条目。

在Meteor中访问模板中的动态ID

1 个答案: