大厦@mentions与AngularJS

Question

http://plnkr.co/edit/sCDZR8P2hMrB33Ik5FNW

我想在角建立一个非常基本的功能@mentions，但有一点与基础麻烦。

顶部的链接显示了我到目前为止。我想要做的是，当然有typeahead，从$ scope.competitionDetails.users拉用户，然后也许如果找到匹配甚至链接它。

有关如何进行的任何指导？

Answer 1

你应该注入angular ui

这是基于你的代码工作的例子： http://plnkr.co/edit/oWZw5VrHGtwOGtuuh3yA?p=preview

当然你需要更改地址生成逻辑链接（在本例中唯一的ID添加到当前URL）。

Answer 2

以下是使用库mentio的示例。一旦你有mentio包括在内，它是这样的（使用内置的配置）：

JS：

var m = angular.module('m', ['mentio']); 

m.controller('ctrl', function ($scope) { 
    $scope.items = [ 
     {label: 'asdf'}, 
     {label: 'bksdkf'}, 
     {label: 'ccc'} 
    ]; 
}); 

HTML：

<div ng-app="m" ng-controller="ctrl"> 
    <textarea mentio 
    mentio-typed-text="typedTerm" 
    mentio-items="items | filter:label:typedTerm" 
    ng-model="theTextArea2" 
    autocomplete="off"></textarea> 
</div> 

http://jsfiddle.net/77906ujr/