How to implement @ mentions custom dropdown in Angular 8

Question

I want to implement following feature like in most of social media networks in Angular 8.

This is the scenario:

When user is typing inside a <textarea> whenever he type a @ symbol then I want to show a dropdown in that specify place (place where the cursor is blinking).

I tried to find any npm packages but couldn't.

Any library or any solution to do this?

Answer 1

I think I have found a solution for this. We can use following npm package to create above feature. Not the exact same thing, but some how it helps to resolve the issue.

https://www.npmjs.com/package/angular-mentions