Как динамически добавлять элементы управления вводом с помощью Meteor?

Да, вот пример одного из моих приложений с использованием пакета подчеркивания.

В основном шаблоне:

<template name="ask">
{{#each answerArray}} 
    {{>answer}} 
{{/each}}

<button id="addItem">Add item</button>
</template>

<template name="answer">
<div class="input-group pt10">
    <input class="form-control answer" maxlength="30" placeholder="Answer (max 30 chars)" name="answer" />
    <span class="input-group-btn">
        <button class="btn btn-danger delButton" id="{{id}}" data-id="{{id}}" type="button">Delete</button>
    </span>
</div>
</template> 

В js-файле:

Template.ask.created = function () {
    Session.set('action', 'ask');
    answerArray = [ //adding at least two items but it could also be empty
        {
            id: Random.id(), //using this to give an unique id to the control
            value: ''
        },
        {
            id: Random.id(),
            value: ''
        }
    ];
    Session.set('answerArr', answerArray);
}

И событие клика:

Template.ask.events = {
'click #addItem': function () {
    var answerArray = Session.get('answerArr');
    answerArray.push({
        id: Random.id() //just a placeholder, you could put any here
    });
    Session.set('answerArr', answerArray);
}
}

И, наконец, помощник:

Template.ask.helpers({
answerArray: function () {
    var answerArray = Session.get("answerArr")

    while (answerArray.length < 2) { //i chose to have it between 2 and 6, you can remove these
        answerArray.push({
            id: Random.id() 
        })
    }
    while (answerArray.length > 6) { // maximum
        answerArray.pop();
    }
    Session.set('answerArr', answerArray);
    return answerArray;
}
}

Это реактивно увеличит количество входов. После этого, если вы хотите обработать входные данные, вы можете сделать следующее в событии отправки формы или нажатии кнопки:

'click #saveQ': function (e) {
    e.preventDefault();
    var arr = [];
    _.each($('.answer'), function (item) {
        if ($(item).val() != '')
            arr.push({
                answer: $(item).val(), //this you customize for your own purposes
                number: 0
            })
    });

А также, если вы хотите удалить ввод со страницы, вы можете использовать:

Template.answer.events = {
'click .delButton': function (e) {
    var thisId = $(e.target).attr("id");

    var answerArray = Session.get('answerArr');

    var filteredArray = _.filter(answerArray, function (item) {
        return item.id != thisId;
    });

    Session.set('answerArr', filteredArray);
}
}