Пользовательское автозаполнение Angular при нажатии клавиши

Я хочу создать собственное автозаполнение для ввода в angular 8.

Итак, у меня есть ввод, и я ловлю клавишу табуляции, как показано ниже:

<input (keydown.Tab) = "onKey($event)" />

то у меня есть метод в файле .ts:

onKey(event) {
    // catch what's been typed in the input and autocomplete
}

words = {
    myword {
        result: 'myword param1 param2 param3'
    }
}

Например, если я наберу: 'myword' во вводе и нажму клавишу Tab, он проверит слово, а затем выполнит завершение.

Как я могу это сделать?

🤔 А знаете ли вы, что...
Angular Material - это набор готовых компонентов и стилей для создания стильных веб-приложений с использованием Angular.


1
755
1

Ответ:

Решено
onKey(event) {
  if (this.words[event.target.value] != undefined) {
     event.target.value = this.words[event.target.value].result;
  }
}
words = {
  myword: {
    result: 'myword param1 param2 param3'
  }
}