Angular:在外部点击隐藏后不再显示预先输入建议

时间:2017-11-28 14:43:42

标签: javascript css angular

我正在尝试实现提前输入功能,以便在您键入时显示建议。用户点击某处后,系统会隐藏显示建议的元素(ul)(将style.display设置为none)。

如果您查看此demo(测试数据:1,12,123),我会尝试将style.display设置回block,如果可以提供建议,搜索文本框不为空。但它没有将其设置回block。如果您清除并重点关注textbox并再次输入,则会显示建议。

一直在开裂,但无法弄明白为什么。请帮忙!

1 个答案:

答案 0 :(得分:1)

我猜测:除了将display设置为none之外,在文档点击

上将matchedItems重置为[]