angularjs：textarea中的@mention

Question

我希望在我的textarea中显示由@一词触发的自动填充表单，例如此库http://ichord.github.io/At.js/但仅使用angularjs＆amp; CSS

我应该写什么样的指令？另外，有没有办法用angular bootstrap UI typehead指令实现它？

Answer 1

请参阅https://github.com/jeff-collins/ment.io了解可能符合您要求的指令。

Answer 2

我写了angular-otobox，这是一个无依赖性的角度指令，用于在文本中提及，标记和高亮词，它易于使用。看起来，它易于使用。

Answer 3

AngularJs已经过时了。请参阅以下Angular 2+版本的依赖项：

• angular-mentions
• ngx-mention

Answer 4

我为自己的需要编写了一个脚本（不是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。