Рендеринг компонента формы Meteor

Question

Что такое «наилучшая практика» для рендеринга компонентов в форме, основанной на пользовательском вводе?Я хочу, чтобы второе поле ввода было добавлено в форму, когда пользователь нажимает опцию 2 в выпадающей кнопке.Я также хочу, чтобы этот параметр очищался, когда пользователь нажимает другую опцию.

<form>
<button class='test'>my dropdown button with option 1,2,3</button>
<input type=text> input field 1</input>
<!-- if button clicked options 2, add second input field -->
<input type=text>input field 2</input>
</form>

Template.name.events({
 'click .test': function() {
// something to render input field 2
}
)};

Спасибо.

Answer 1

Вы можете показать свои элементы на условной основе с помощью помощников. При втором нажатии кнопки вы можете установить сеанс и использовать его в качестве помощника. Затем на своей html-странице используйте {{#if}} свой элемент {{/ if}}

И чтобы очистить его, уничтожьте этот сеанс.

Надеюсь, что это имеет смысл для вас. При любом запросе lmk