Dynamically add color in ion-card text based on regex

I want to add a span around some text when a # or a @ is detected so I can change the color to make it look like usernames and hashtags in twitter. My code looks like this:

Safari-IOS: scrollbar cannot be aligned to the left of the screen (works on safari desktop etc.)

This is my code: