Метеор обрабатывает несколько входных данных с таким же именем

Question

Как обрабатывать несколько значений ввода с тем же именем в метеоритах и ​​ожидать массив от событий.

<input type="text" class="form-control valid" id="companyEmail" name="companyEmail[]"> 

Answer 1

Как всегда в Метеоре вы, вероятно, работает в области применения шаблона и создания этих входов динамически.

, если это так, вам нужно создать обработчик события для входа, а затем захватить параллельный используемый вход с помощью «это», вот пример:

HTML файл:

<template name="emailForm"> 
    {{#each item in items}} 
    <input name="email" class="email" placeholder="enter email address"> 
    <button class="addEmail">+</button> 
    {{/each}} 
</template> 

в файл JS:

if(Meteor.isClient) { 
    Template.emailForm.events({ 
    'click .addEmail': function(event) { 
     console.log(this); 
    } 
    }); 
} 

взглянуть на то, что выходит с «этим» и выяснить, как извлечь нужную бит данных, как он будет представлять только Clicked элемент.

Answer 2

На сегодняшний день самым простым способом охвата событий в шаблонах Blaze является определение шаблонов на уровне, на котором вам нужно перехватывать события.

Если у вас есть:

<template name="companyEmails"> 
{{#each companyEmail}} 
    <input type="text" class="form-control valid" id="companyEmail" name="companyEmail[]"> 
{{/each}} 
</template> 

Затем, если вы приложите обработчик события к companyEmails шаблона вы должны выяснить, какие input была изменена.

Если изменить этот шаблон для:

<template name="companyEmails"> 
{{#each companyEmail}} 
    {{> oneCompanyEmail}} 
{{/each}} 
</template> 

<template name="oneCompanyEmail"> 
<input type="text" class="form-control valid" id="companyEmail" name="companyEmail[]"> 
</template> 

Затем вы можете прикрепить обработчик события к шаблону более низкого уровня и гарантировать, что вы получаете правильное событие на нужный объект с соответствующим контекстом данных :

Template.oneCompanyEmail.events({ 
    'input #companyEmail': function(ev,err){ 
    var emailAddress = ev.target.value; 
    console.log(this); // will be the value of companyEmail from the #each 
    } 
});