Angular 在自动完成组件建议面板关闭时添加侦听器2

Angular 在自动完成组件建议面板关闭时添加侦听器2,angular,angular-material2,Angular,Angular Material2,我在angular 2中使用autocomplete,我想做的是,当autocomplete建议面板关闭时,应该调用一些函数。谁能告诉我怎么做吗。我想到了事件监听器,但不知道如何使用它 在下面的链接中,您有一个可能的DOM eventLister列表。 我会在文本字段中使用“onfocusout” 如果您使用的是角材质2,则可以使用(选项已选)事件: <md-autocomplete #auto="mdAutocomplete" (optionSelected)="onOptionSele

我在angular 2中使用autocomplete,我想做的是,当autocomplete建议面板关闭时,应该调用一些函数。谁能告诉我怎么做吗。我想到了事件监听器,但不知道如何使用它

在下面的链接中,您有一个可能的DOM eventLister列表。 我会在文本字段中使用“onfocusout”


如果您使用的是角材质2,则可以使用
(选项已选)
事件:

<md-autocomplete #auto="mdAutocomplete" (optionSelected)="onOptionSelected($event)">

参见此。

是否使用材料2?当你选择了一些选项时?或者当您在输入框外单击时?当我在建议面板上单击框外时。然后查看我的答案和我链接的演示。如果在没有选择的情况下关闭了(选项Selected),则您不能使用(选项Selected),例如,用户按下了元素的位置,您应该使用(focusout)。
<input type="text" placeholder="Pick one" (focusout)="panelClosed($event)">