title: How to remove whitespace - Angular 8 Databinding
body: <p>I have a code as follows in typescript file:</p>
  
  <p>this.comments = this.comment1 + '\n' + this.comment2 + '\n' + this.comment3;</p>
  
  <p>also, I have given condition if comment1 or comment2 or comment3 whichever is empty, assign it to = ' ';</p>
  
  <p>In HTML I am binding it as follows:</p>
  
  <p>{{comments}}</p>
  
  <p>Now output is (suppose comment2 is empty string):</p>
  
  <p>comment1 value
  </p>
  
  <p>comment3 value</p>
  
  <p>there is extra vertical spaces for comment2. </p>
  
  <p>How can I remove the vertical space for empty comment2 string</p>
  
  <p>Thank you for your help</p>