Визуализация компонента формы 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