Angular 2 Material Autocomplete - 获取（有效）所选项目

Question

我希望将 Angular Material AutoComplete 的选定值存储到组件中的变量中。

我不能在 上使用 [(ngModel)]，因为它也会允许用户的每一个输入。

另一个限制是我对

的使用

(onSelectionChange)="onFilterChange($event)"

EventEmitter，我需要。

文档还不够： https://material.angular.io/components/autocomplete/api

有没有一种从自动完成组件中获取选定值（并且只有可选值！）的好方法？

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

感谢您的帮助。

Answer 1

尝试添加optionSelected 事件处理程序

(optionSelected)="itemSelected($event)"

然后在你的组件中

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