Angular 2在數組中搜索並選擇一個項目

Question

在我的應用程序中，我從在線Web服務中獲取用戶列表，並將其存儲到fetchedUsers的數組中。我在Angular 2中使用了模型驅動的表單。我有一個輸入文本字段，它接受來自用戶的輸入。我有一個工作搜索管道，它從文本字段獲取輸入並僅顯示匹配的數據。我試圖執行與here相同的搜索功能。我試圖通過一些角度2插件（如ng2-select）獲得此行爲，但沒有運氣。我不想要一個可以搜索的select元素。我想要一個可以搜索和顯示匹配數據的輸入字段。

已經完成：

到目前爲止，我可以搜索和顯示匹配的數據。如果您鍵入某些內容（例如a），則可以在輸入字段下方看到結果。

努力實現：

我想用鍵盤的上下鍵，並通過結果來導航。如果用戶按下我想被添加到selectedUsers和顯示內容的數組，項目項回車鍵下面的selectedUsers。

請問如何實現這種行爲？爲了理解你可以訪問上面提到的鏈接。

我有我的應用程序here和代碼工作演示可以github

Answer 1

通話功能使用(keyup.enter)進入並獲得選擇的值進行查看。

<option #val (keyup.enter)="myFunction(val)"></option>