使用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 回答
    撰写答案
    今天,你开发时遇到什么问题呢?
    立即提问
    PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有