'unable to view the dropdown on typing the trigger character angular-mentions

on clicking the trigger character '#', the dropdown is not visible, but on clicking Enter button, the selected value from the list is displaying. Here is my code. I have used a rich text editor. Same result is found in input and textarea too. Also, how to remove the triggerchar character on selecting the item? Please help.

profile.component.html

<angular-editor [(ngModel)]="newemailTemplate" [config]="config" [mentionConfig]="{triggerChar:'#', items: attributeList}"></angular-editor>

profile.component.ts

attributeList =["[display name]", "[username]", "[login]", "[tenant_support_email]", "[parent name]"]


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source