Tooltip is not working while accessing value from ts file - Angular

Question

I'm trying to get the value of a tooltip from a ts file, but it's not working; If I try to give a value in html directly, it works. I'm not sure if it's a syntactic problem or something else entirely. Please assist me in comprehending the situation.

My Html file code:

<a class="contactDetails">               
    <ibm-icon-email [size]="20" title="Contact us:{{cDetails}}">        </ibm-icon-email>          
</a>

Ts file:

export class HelpComponent implements OnInit, OnDestroy {
cDetails = '[email protected]';
}