AngularJS中的级联下拉列表

时间:2018-03-26 12:19:01

标签: javascript angularjs json

我创建了三个下拉按钮,并希望根据前一个按钮的选择填充它们。数据位于一个对象数组中,如下所示:

[{"LINK":"B_LINK_01","NAME":"name-04","TYPE":"BB"},{"LINK":"A_LINK_01","NAME":"name-01","TYPE":"BB"},{"LINK":"C_LINK_01","NAME":"name-03","TYPE":"AA"},{"LINK":"C_LINK_05","NAME":"name-04","TYPE":"BB"}]

第一个下拉列表应包含所有唯一的TYPE值。选择其中一个TYPE时,第二个下拉列表应填充与TYPE对应的所有唯一NAME值。从第二个下拉列表中选择NAME时,第三个下拉列表应填充所有相应的LINK值。例如:第一个dd应该在列表中显示BB,AA。如果我选择BB,则第二个下拉列表应填充name-04和name-01。接下来,如果我选择名称-04,则第三个下拉列表应填充B_LINK_01和C_LINK_05。

P.S。我已经引用了多个教程和SO线程,但没有找到与我拥有的对象数组相关的解决方案。任何有关Angular JS的帮助都将受到赞赏

0 个答案:

没有答案