How to display the "@" symbol as a string in Angular template syntax? [duplicate]

I want to display the "@" character as a regular string in the HTML.

the following gives an error Unrecognized block @yourcompany.ngtsc(-995002

<span>info@yourcompany.com</span>


I could do

<span>info{{ '@' }}yourcompany.com</span>


or even

<span>{{ 'info@yourcompany.com' }}</span>


What is the correct way to output the "@" symbol in an Angular template so that it displays as a regular character?

Continue reading...