如何使用ui-mentioned angularjs库设置默认提及?

时间:2017-07-10 05:13:59

标签: angularjs angularjs-directive

有关如何使用ui-mentioned angularjs库(https://github.com/angular-ui/ui-mention)设置默认提及的任何想法?例如,在文本区域中始终有两个默认提及(bob baker和Kenny Logins),如附图所示 enter image description here

感谢您的帮助,伙计们。

1 个答案:

答案 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/