标记社交媒体应用程序的帖子功能

Question

我正在 MVC ASP.Net 中开发类似应用程序的社交网络。我想添加一个功能，人们可以在他们的时间线帖子中标记他们的朋友，因为人们可以在Facebook上用@符号做。

我设计了大部分必需的模块，例如添加朋友，创​​建群组，发布更新，弹出聊天但不知道如何添加此功能，显示我的朋友姓名的下拉列表，类似于@符号后的文字。还有如何实现该功能。 如果你有一些想法或者你知道一些工具请分享，以便我得到一些线索并设计这个功能。

Answer 1

您可以通过live search通过3个简单步骤实现此目的。

1. 您需要做的是捕获活动on-keypress或on-keydown
2. 捕获事件后，向您的朋友列表发送一个AJAX调用，并在SQL like query中搜索name like %Ade%中的类似名称，并确定要将多少条记录（名称）发送回您的前端
3. 呈现回复

我还在angular中创建了一个简单的代码，你可以在你的后端实现这个逻辑。 干得好。如果仍有问题请告诉我。

angular.module('Search', [])
    .controller('SearchController', function($scope,) {
        $scope.all_records = ["Ali", "Ahmad", "Faraz", "Hassan"]

    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="Search">
<div ng-controller="SearchController">

Enter a name:
<input type="text" ng-model="search_term" on-keypress="you_need_to_call_a_method_here"/>

<p ng-repeat="x in all_records| filter: search_term ">{{x}}</p>



</div></div>