<select> 标签根据 AngularJS 中的选择动态显示一组不同的输入字段
<select> tag brings up dynamically a different set of input fields depending on selection in AngularJS
我正在尝试创建一个表单,第一个元素应该是一个带有几个选项的标签,每个选项都会根据用户的选择动态显示一组不同的表单。 The idea is within the select tag there will be different categories like cars, properties etc.. first user only sees that and when chose, it will bring up a set of input fields that required for that category.
任何人都知道用 Angular 做这件事的最好方法是什么?
使用 ui.router
模块,您可以使用 HTML 模板文件填充 DOM 元素(ui-视图)。在选择下拉菜单时,您告诉 angular 转到不同的 "state"。
查看我制作的以下插件:http://plnkr.co/edit/jnKQOvkE4nJinEQ5zhr6?p=preview
我正在尝试创建一个表单,第一个元素应该是一个带有几个选项的标签,每个选项都会根据用户的选择动态显示一组不同的表单。 The idea is within the select tag there will be different categories like cars, properties etc.. first user only sees that and when chose, it will bring up a set of input fields that required for that category.
任何人都知道用 Angular 做这件事的最好方法是什么?
使用 ui.router
模块,您可以使用 HTML 模板文件填充 DOM 元素(ui-视图)。在选择下拉菜单时,您告诉 angular 转到不同的 "state"。
查看我制作的以下插件:http://plnkr.co/edit/jnKQOvkE4nJinEQ5zhr6?p=preview