角预输入/自动完成对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，让他们排列到搜索栏，然后将滑鼠页的上面休息。