Question

什么是最佳实践＆＃34;用于基于用户输入呈现表单中的组件？当用户在下拉按钮上单击选项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

流星形式组件渲染

1 个答案: