Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
angularjs:@在文本区提及_Angularjs_Autocomplete_Angularjs Directive_Angular Ui Bootstrap - Fatal编程技术网

angularjs:@在文本区提及

angularjs:@在文本区提及,angularjs,autocomplete,angularjs-directive,angular-ui-bootstrap,Angularjs,Autocomplete,Angularjs Directive,Angular Ui Bootstrap,我想在我的文本区域中显示由单词@触发的自动完成表单,就像这个库一样,但只使用angularjs&css 我应该写什么样的指令?另外,有没有一种方法可以通过angular bootstrap UI typehead指令来实现这一点?请参阅一个可能满足您需要的指令。我已经编写了一个无依赖性的angular指令,用于在文本中提及、标记和突出单词,它很容易使用。看一看,它很容易使用 AngularJs已经过时了。请参阅以下Angular 2+版本的依赖项: 我根据自己的需要编写了一个脚本(不是An

我想在我的文本区域中显示由单词
@
触发的自动完成表单,就像这个库一样,但只使用angularjs&css


我应该写什么样的指令?另外,有没有一种方法可以通过angular bootstrap UI typehead指令来实现这一点?

请参阅一个可能满足您需要的指令。

我已经编写了一个无依赖性的angular指令,用于在文本中提及、标记和突出单词,它很容易使用。看一看,它很容易使用

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


我根据自己的需要编写了一个脚本(不是AngularJS),但也可能有助于实现您的目标

HTML:


要查看JS部分,请访问JSFIDLE链接:

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


此外,如果需要,还可以轻松转换为AngularJS。

wellcome,如果有,请随时询问problems@alihaghighatkhah我正试图使用你的项目,但我无法使它工作。。您是否有一个示例页面来了解如何正确设置它?我将
与css一起使用,并在angular模块中添加了
angular otobox
config@BobbyShark除此之外,您还需要将otobox添加到应用程序的依赖项中,以及包含激活器设置的otoboxConfig指令.像这样试试,我会尝试创建一个代码笔ASAP@alihaghighatkhah--仅供参考,由于缺乏示例代码,因此很难理解。也许可以创建一个(工作)Plunkr?代码笔不在Chrome中运行。@Alihagheatkhah演示将是nice@BobbyShark我用过。将弹出式模板添加到页面中文本区域(输入)数量的文档中,在我的情况下,单个页面上超过100个。即使路线改变,菜单也会保留在页面中!不是个好主意。@Alihaghiattkhah谢谢你,我试试看。到目前为止,我使用了ment.io,不得不根据自己的需要对它进行一些调整。我会给你的反馈project@BobbyShark谢谢,鲍比,我会等你的