角預輸入/自動完成對CONTENTEDITABLE

Question

基本上，我的客戶要求我做的是類似Facebook的/ YouTube的註釋標記的朋友。

1. 必須以@
2. 一個彈出提示列表中開始，所選擇的值被附加回原來的CONTENTEDITABLE

我已經試過 https://angular-ui.github.io/bootstrap/ 和ngTagsInput，他們接近，但不夠...感謝

Answer 1

我敢打賭，這是你在找什麼http://angular-ui.github.io/ui-mention/example/。我不得不承認，花了我不少時間才發現它（通過谷歌）

祝你好運

Answer 2

你正在構建自動完成的標籤。如果你打算重用它，那麼你需要編寫一個自定義指令。如果沒有，那麼你可以在你的控制器內部做一個混亂的實現。

你們需要編輯看起來像這樣的HTML元素：

<div ng-model="newtag" ng-change="tagchanged()" ng-bind="newtag"></div> 

NG-變化將觸發的變化，所以你的功能將需要有一個反跳（等待一段時間）以等待用戶完成打字。你可以用500ms的setTimeout來完成這個任務。如果在這段時間內發生變化，請取消超時。但是，如果它不，做你的API調用來獲取潛在的標籤列表，並顯示在字段下面的列表。你會想對結果的CSS，讓他們排列到搜索欄，然後將滑鼠頁的上面休息。