title: New Line '\n' is not working in Typescript
body: <p>I am creating a list item in typescript component which will be displayed in the UI. The List items should be displayed in separate lines. So i added new line char \n as below. But still the list items are shown in same line. Below is the code. Any idea why it doesn't work?</p>
  
  <p><a href="https://i.stack.imgur.com/8cxli.png" rel="noreferrer"><img src="https://i.stack.imgur.com/8cxli.png" alt="UI Display of ul list"></a></p>
  
  <p>Typescript Code:</p>
  
  <pre><code>@Output() excludeDisplay: any = '';
  @Output() includeDisplay: any = '';
  includeValues: any = '';
  excludeValues: any = '';
  
  this.includeValues += this.merId + ',' + this.explodeStatus + '\n';
  console.log("include values are "+ this.includeValues);
  this.excludeValues += this.merId + ',' + this.explodeStatus + '\n';
  console.log("exclude values are "+ this.excludeValues);
  this.includeDisplay = this.includeValues;
  this.excludeDisplay = this.excludeValues;
  </code></pre>
  
  <p>Html Code:</p>
  
  <pre><code>&lt;ul id="excludedUl" required&gt;{{ excludeDisplay }}&lt;/ul&gt;
  &lt;ul id="includedUl" required&gt;{{ includeDisplay }}&lt;/ul&gt;
  </code></pre>
  
  <p>CSS Code:</p>
  
  <pre><code>#includedUl {
    float: right;
    width: 33%;
  }
  
  #excludedUl {
    float: right;
    width: 33%;
  }
  </code></pre>