动态添加下拉列表并根据一个下拉列表中的选择选择其他下拉列表中的选项

时间:2014-11-11 11:59:17

标签: javascript jquery angularjs drop-down-menu

我正在尝试在ngGrid中实施高级过滤选项。我发现了Filtering in Ignite UI grid的想法,发现它非常好。我试图在AngularJS中复制它。

问题可以分为4个部分

a)动态添加下拉列表

b)根据第一个下拉选择

选择第二个下拉列表中的选项

c)将numberField或textField或dateField作为第三个条目

d)搜索

按照this question中提到的方法,我可以动态添加下拉菜单并从中读取值,但我坚持 b c 部分问题。

我是角度JS的新手,任何人都可以提出一些想法,我该如何实现呢?

对于 b 部分,我正在考虑在ng-repeat中应用过滤器,但我没有得到如何将第一个下拉列表中的选择与第二个部分以及部分 c相关联,我想根据选择显示或隐藏输入字段。

为了动态添加下拉列表,可以采用其他方法,这可能有助于我解决其他部分。目前,我正在按照答案中提到的相同方法进行操作

1 个答案:

答案 0 :(得分:0)

我没有使用过我先尝过的方法。引导我回答的想法是 -

1)制作一个包含所有列条目的下拉列表。

2)对于第二次下拉,使用使用第一个ng-model的过滤器

3)对于字段,请使用基于第一个ng-model的ng-show

4)在ng-repeat中包裹3以上,并使用提到here

的方法制作3以上的模型