title: New line with template literals in Angular
body: <p>I was expecting the <code>message</code> to be displayed in two different lines. How do I use <code>&lt;br/&gt;</code> tag to split the lines in Typescript?</p>
  <p><strong>TS code</strong></p>
  <pre><code>  posts = {
      social: {
        title: &quot;test&quot;,
        message: `test message \n
        test message`
      }
    };
  </code></pre>
  <p><strong>HTML</strong></p>
  <pre><code>&lt;div&gt;
    {{posts.social.message}}
  &lt;/div&gt;
  </code></pre>
  <p>I created a working example using <a href="https://codesandbox.io/s/sharp-mestorf-hp548?file=/src/app/app.component.html" rel="nofollow noreferrer">CodeSandbox</a>. Could anyone please help?</p>