Format string of text in Typescript?

Question

I have a string of text that I need to format so it displays properly to the user. Right now, the specific phrase I want to format (a variable) is surrounded by single quotes. That doesn't look pretty. I want to add a <strong> tag or <h4> tag around the phrase before delivering it to another component which will display it.

Component 1: (Typescript)

this.persistingData.changeConfirmationDescription(`Are you sure you want to add the school '${this.schoolName}'?`);

Component 2: (HTML)

<h2>Confirm Action:</h2>
{{confirmationDescription}}
<button> Cancel </button> <button> Confirm </button>

I got confused with your question especially here - I want to add a tag or tag. Could you please add the desired result you actually want and what you are currently getting? — Shivam Singla
– Shivam Singla, Commented Oct 14, 2020 at 20:21

Aram Khachatrian · Accepted Answer · 2020-10-14 22:28:03Z

2

If you need to insert some HTML into the string then do this:

this.persistingData.changeConfirmationDescription(`Are you sure you want to add the school <strong>${this.schoolName}</strong>?`);

And then in *.html:

<h2>Confirm Action:</h2>
<div [innerHtml]="confirmationDescription"></div>
<button> Cancel </button> <button> Confirm </button>

answered Oct 14, 2020 at 22:28

Aram Khachatrian

3991 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

FiringBlanks Over a year ago

Nice! That did it!

Collectives™ on Stack Overflow

Format string of text in Typescript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related