单击Angular-6中的其他下拉输入字段时,下拉列表未关闭

时间:2018-06-23 17:05:11

标签: angular-components angular6

我创建了一个自定义下拉列表组件,以便在表单等其他组件中重复使用。

我正在使用两个组件

1)表格(父组件)    2)下拉菜单(子组件)

表单组件有两个下拉列表,第一个是“国家名称”列表,第二个是“城市名称”列表。数据是从父组件发送来制作下拉列表的。 预期的行为如下。

1)单击“国家/地区”输入字段后,“国家/地区名称”下拉列表应打开。   2)再次单击“国家/地区”输入字段时,下拉菜单应隐藏   3)在页面上的任何位置单击时,下拉菜单均应隐藏。   4)在单击另一个下拉输入字段时,应打开相关的下拉列表,同时应隐藏其他下拉列表。

除以下内容外,一切正常。

如果“国家”下拉列表已经打开,并且同时单击“城市”下拉输入字段,则会打开相关的“城市”下拉列表。   但是“国家/地区”下拉列表并未隐藏。期望“国家/地区”下拉列表应该隐藏。

0 个答案:

没有答案