按键上的角度自定义自动完成

Question

我想在角度8的输入上创建自定义自动完成功能。

所以我有一个输入，并且正在按如下所示捕获Tab键：

<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键，它将先检查单词，然后执行补全。

我该怎么做？

Answer 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'
  }
}