问

使用AngularJS构建@mentions

mobiledu2502940265 发布于 2023-01-22 18:00

php

http://plnkr.co/edit/sCDZR8P2hMrB33Ik5FNW

我正在尝试在Angular中构建一个非常基本的@mentions功能，但是在基础方面遇到了一些麻烦。

顶部的链接显示了我到目前为止的情况。我想做的是，当然要提前输入，从$ scope.competitionDetails.users中拉出用户，然后也许找到匹配项甚至将其链接起来。

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

1 个回答

这是使用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/

2023-01-26 10:37 回答

我还没公主

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签