how to write html in inline JavaScript, with CSS inline style

Question

I need to write some html in inline JavaScript, with CSS inline style, how to do so

something like this <p><span style="color: #ff0000;">test</span></p>

<button class="pop-up display-screen" id="targetElement111"
    (click)="targetElement='targetElement111';model.title='';
    model.content='/*need to write some htmlhere*/';
    customTarget.open()">Open myModal
</button>

thanks in advance

Answer 1

You can include HTML in the string, and escape the quotes

 <button class="pop-up display-screen" id="targetElement111"
    (click)="targetElement='targetElement111';model.title='';model.content='<p><span style=\"color: #ff0000;\">test</span></p>';customTarget.open()">Open
    myModal</button>