Angular 2: apply style or use html tags in double-curly braces {{ }} of interpolation
<p>I have created one component for tooltip. Following is how my view appears:</p>

<pre><code>&lt;tooltip [tooltipDisplayText]="ttp.mainText" tooltipFullText="{{ttp.fieldType}} {{ttp.mainText}} {{ttp.subText}}"&gt;&lt;/tooltip&gt; 
</code></pre>

<p>I want it to appear in as follows: assuming (fieldType : Name, mainText : Shahrukh, and subText:Actor)</p>

<p><strong>Name</strong><br/>
Shahrukh<br/>
<i>Actor</i></p>

<p>But I am confused how can I format this in brackets. Can someone help me with this?</p>