Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度2材质自动完成-获取(有效)选定项_Javascript_Angular_Autocomplete_Angular Material2 - Fatal编程技术网

Javascript 角度2材质自动完成-获取(有效)选定项

Javascript 角度2材质自动完成-获取(有效)选定项,javascript,angular,autocomplete,angular-material2,Javascript,Angular,Autocomplete,Angular Material2,我希望角度材质“自动完成”的选定值存储到组件中的变量中 我不能在上使用[(ngModel)],因为它还允许用户的每一次输入 另一个限制是我使用 (onSelectionChange)="onFilterChange($event)" EventEmitter,我需要它 文档资料非常不足: 是否有一种从自动完成组件中获取选定值(且仅可选择值!)的好方法 我考虑过使用“activeOption”属性,但API没有描述如何使用它 非常感谢您的帮助。尝试添加选项Selected事件处理程序 (opt

我希望角度材质“自动完成”的选定值存储到组件中的变量中

我不能在上使用[(ngModel)],因为它还允许用户的每一次输入

另一个限制是我使用

(onSelectionChange)="onFilterChange($event)"
EventEmitter,我需要它

文档资料非常不足:

是否有一种从自动完成组件中获取选定值(且仅可选择值!)的好方法

我考虑过使用“activeOption”属性,但API没有描述如何使用它


非常感谢您的帮助。

尝试添加
选项Selected
事件处理程序

(optionSelected)="itemSelected($event)"
然后在你的组件中

  itemSelected(event: MatAutocompleteSelectedEvent) {
    console.log("Selected item", event.option.value);
  }

尝试添加
选项Selected
事件处理程序

(optionSelected)="itemSelected($event)"
然后在你的组件中

  itemSelected(event: MatAutocompleteSelectedEvent) {
    console.log("Selected item", event.option.value);
  }

您可能想要通读您可能想要通读如果没有选择值,清除输入如何?在这种情况下,我尝试使用输入的
blur()
事件,但在这种情况下,我无法访问自动完成值(如果选中或未选中)。有什么想法吗?如果没有选择值,清除输入怎么样?在这种情况下,我尝试使用输入的
blur()
事件,但在这种情况下,我无法访问自动完成值(如果选中或未选中)。有什么想法吗?