title: angular split().join() not working for new line
body: <pre><code>    let samplestring ="a:b;c:d;e:f"
      this.detail = samplestring.split(";").join("\n");
  </code></pre>
  
  <blockquote>
  <pre><code>&lt;div fxLayout="row"&gt;
      &lt;span class="default_label_font"&gt;{{detail}}&lt;/span&gt;
    &lt;/div&gt;
  </code></pre>
  </blockquote>
  
  <p>but not adding new line and giving response like 
  response sample i'm getting
  <img src="https://i.stack.imgur.com/i1oYZ.png" alt=""></p>
  
  <p>I've tried using "<br/>" too but instead of adding break it concatenate it </p>
  
  <p>I refer <a href="https://stackoverflow.com/questions/15375886/split-string-with-commas-to-new-line">Split string with commas to new line</a></p>