我有一个角度为5的搜索字段输入-有一个结果网格需要根据该搜索字段进行更新(并且效果很好)。我的搜索字段是 ControlValueAccessor 。当用户单击搜索字段(有选择地搜索某些内容)然后单击按钮之一时,文本字段将失去焦点,但不会触发单击事件。根本不会触发任何鼠标或指针事件。仅在输入上触发焦点事件onBlur。此onBlur事件不会阻止冒泡(事实证明,有一个控件可以清除有效的搜索字段)。
再次单击该按钮即可。 切换按钮和搜索字段位于不同的组件中:
搜索字段中还有一个“ x” div,当该字段中有文字时,它会出现在右侧。这是一个单独的div,其中注册了单击事件以清除搜索字段。输入集中时单击此控件会产生点击事件。
我不清楚如何诊断这个问题。
我举了一个例子来说明这个问题: https://codesandbox.io/s/angular-yh42s 问题是,它有效。不确定项目设置和在线可用的版本,角度版本或其他版本之间是否有区别。