angularjs：@ textarea

Question

我想在我的文本区域中显示一个由单词@触发的自动完成表单，比如这个库http://ichord.github.io/At.js/，但是只使用angularjs & css。

我应该写什么样的指令？此外，是否有一种方法来实现这一点与角引导UI字体指令？

Answer 1

请参阅https://github.com/jeff-collins/ment.io，以获得可能执行所需操作的指令。

Answer 2

安古拉杰已经很过时了。关于角2+版本，请参阅下面的依赖项：

• 角-提及
• ngx-提及

Answer 3

我编写了一个脚本来满足我的需求(不是AngularJS)，但也可能有助于实现您想要的目标。

​

​

HTML：

<div id="wrapper">
    <div id="input-box" contenteditable="true"></div>
    <div id="mention-select-choices" class="hidden"></div>
</div>

要查看JS部分，请访问JSFiddle链接：https://jsfiddle.net/hsjqzkt3/6/

该脚本支持预定义的名称列表、自动完成、自定义样式、特殊字符等。

另外，如果需要的话，可以很容易地转换为AngularJS。