有关如何使用ui-mentioned angularjs库(https://github.com/angular-ui/ui-mention)设置默认提及的任何想法?例如,在文本区域中始终有两个默认提及(bob baker和Kenny Logins),如附图所示
感谢您的帮助,伙计们。
答案 0 :(得分:2)
通过添加一些用户提及,您将在底部看到相关的模型:
ng-model (post.message): "hi there @[bob barker:11123]"
因此,对于您的示例,初始化它就像:
$rootScope.post = {
message: "hi there @[bob barker:11123] @[kenny logins:123ab-123]"
};
但你会注意到它不起作用。
在查看代码之后,如果您能够在$mention.mentions
中添加这些用户,并且因为$mention
是uiMention指令中的controllerAs
,您就可以将其设置为uiMention.mentions
中的自定义指令(示例中的提示示例)。
所以添加:
uiMentions.mentions = uiMention.mentions.push(choices[0]); //bob barker
uiMentions.mentions = uiMention.mentions.push(choices[1]); //kenny logins
在提及示例中的function link
,这可行。
但我认为你应该通过搜索$ scope.post.message all @mentions然后在uiMentions.mentions中添加相关的用户项来动态地(在这个链接函数中)。
看一下我为你创建的这个plunker:http://embed.plnkr.co/o3mByKttPthpiqe4O5x6/